javascript alertにオブジェクトを表示する
- 作成日 2020.11.17
- 更新日 2022.07.19
- javascript
![javascript alertにオブジェクトを表示する](https://mebee.info/wp-content/uploads/2019/10/wp-2.png)
javascriptで、JSON.stringifyを使用して、表示されたalert上にオブジェクトの中を表示するサンプルコードを記述してます。
環境
- OS windows10 pro 64bit
- Apache 2.4.43
- ブラウザ chrome 103.0.5060.114
JSON.stringify使い方
JSON.stringifyを使用すると、オブジェクトをjson文字列に変換することができるので、これを使用してalert上に表示します。
let obj = {
sample: {
a: 1,
b: 2
}
}
alert( JSON.stringify( obj ) );
実行結果( chrome 103.0.5060.114 )
![](https://mebee.info/wp-content/uploads/2022/07/image-135.png)
firefox 102
![](https://mebee.info/wp-content/uploads/2022/07/image-136.png)
edge(chromium) 85.0.564.44
![](https://mebee.info/wp-content/uploads/2020/09/image-42.png)
インデント付きで表示
もっと見やすくインデント付きで表示することも可能です。
let obj = {
sample: {
a: 1,
b: 2
}
}
alert( JSON.stringify( obj, undefined, 4 ) );
chrome 103.0.5060.114
![](https://mebee.info/wp-content/uploads/2022/07/image-137.png)
firefox 102
![](https://mebee.info/wp-content/uploads/2022/07/image-138.png)
edge(chromium) 85.0.564.44
![](https://mebee.info/wp-content/uploads/2020/09/image-45.png)
-
前の記事
javascript setオブジェクトを使用して配列から重複を除去する 2020.11.17
-
次の記事
php 文字列に含まれている数字だけを取得する 2020.11.17
コメントを書く