json 文字列を JSON.parse() メソッド(推奨)を使ってオブジェクトへ変換

JSON

 閲覧数:395  投稿日:2018-07-13  更新日:2018-07-13  

json 文字列を JSON.parse() メソッド(推奨)を使ってオブジェクトへ変換


コード

let str = '{"ary":[0,1,2],"obj1":{"a":3,"b":4,"c":5}}';//JSON文字列
//let str = '{ary:[0,1,2],obj1:{"a":0,"b":1,"c":2}}';//JSON文字列ではない。evalしても、JavaScriptオブジェクトとして、アクセスできない
//let str = {"ary":[0,1,2],"obj1":{"a":0,"b":1,"c":2}};//JavaScriptオブジェクト。evalするとエラー
//let str = {ary:[0,1,2],obj1:{"a":0,"b":1,"c":2}};//JavaScriptオブジェクト。evalするとエラー
let obj=JSON.parse(str);

console.log(str); //{"ary":[0,1,2],"obj1":{"a":3,"b":4,"c":5}}
console.log(obj); //{ary: Array(3), obj1: {…}}
console.log(str.ary);//undefined。JSON文字列へはアクセス不可
console.log(obj.ary); //[0, 1, 2]
console.log(obj.ary[1]); //1
console.log(obj.obj1); //{a: 3, b: 4, c: 5}
console.log(obj.obj1.a); //3
console.log(obj.obj1.b); //4



結果

{"ary":[0,1,2],"obj1":{"a":3,"b":4,"c":5}}
{ary: Array(3), obj1: {…}}
undefined
[0, 1, 2]
1
{a: 3, b: 4, c: 5}
3
4



タグ


JSON.parse 



json 文字列を eval 関数(セキュリティリスクあり)を使ってオブジェクトへ変換

オブジェクトから JSON へ変換。JSON.stringify() メソッドを利用



類似度ページランキング
順位 ページタイトル抜粋
1 json 文字列を JSON.parse() メソッド(推奨)を使ってオブジェクトへ変換 86
2 オブジェクトから JSON へ変換。JSON.stringify() メソッドを利用 58
3 json 文字列を eval 関数(セキュリティリスクあり)を使ってオブジェクトへ変換 57
4 オブジェクトのキーとして、変数の値を使用 31
5 現在日時を、dateオブジェクトとして取得 31
6 オブジェクトのキーとして、配列からランダムな値を取得して使用 27
7 配列を、アルファベット順(文字コード順)に並べ替え 26
8 テーブルタグと内容を作成して追加 / insertRow 25
9 検索文字列を使用して文字列内のテキストを置換 24
10 オブジェクトの要素数を数える 24
11 配列をネストしたオブジェクトを生成し、アクセス 24
12 オブジェクトを生成し、アクセス 24
13 オブジェクト内配列より、重複しない値を取得して、新たな配列を生成 24
14 文字列内のテキストを正規表現で置換。その際、エスケープ使用 19
15 テーブルタグと内容を作成して追加 / for 18
16 文字列を正規表現で置換。「最初にマッチした内容のみ置換」する場合と、「マッチした内容全てを置換」する場合 16
17 CSSメディアクエリと同じように、スクリーンサイズ毎にJavaScriptで条件分岐 16
18 jQueryセレクタ 15
19 _以降の文字列を取得 15
20 文字列を、指定した区切り文字で分割し、配列へ格納 15
2025/4/30 11:52 更新