ホームページ > ウェブフロントエンド > フロントエンドQ&A > es6でjson文字列をオブジェクトに変換する方法

es6でjson文字列をオブジェクトに変換する方法

青灯夜游
リリース: 2022-10-17 16:32:41
オリジナル
1806 人が閲覧しました

変換手順: 1. JSON.parse() メソッドを使用して json 文字列を配列に変換します。構文は「JSON.parse(json string)」です; 2. 展開演算子「.. ." 配列の要素を 1 つずつ取り出して空のオブジェクト "{}" に格納するだけです。構文は "{...array object}" です。

es6でjson文字列をオブジェクトに変換する方法

このチュートリアルの動作環境: Windows 7 システム、ECMAScript バージョン 6、Dell G3 コンピューター。

#JSON

  • JSON は特別な文字列形式であり、本質的には文字列です

  • オブジェクトと同様配列の場合、内部のキーと値が文字列形式の場合、二重引用符で囲まれます (二重引用符である必要があります)

例:

var jsonStr = '{ "name": "cxh", "sex": "man" }';
ログイン後にコピー

es6でjson文字列をオブジェクトに変換する方法

es6 の json 文字列をオブジェクトに変換するメソッド

es6 では、配列を使用し、JSON.parse( ) メソッドとスプレッド演算子「...」を使用して、JSON 文字列をオブジェクトに変換します。

変換手順:

ステップ 1. JSON.parse() メソッドを使用して、json 文字列を配列に変換します

JSON.parse() メソッドはデータを JavaScript オブジェクトに変換します

var jsonStr = '[1,2,3,{"a":1}]';
var arr=JSON.parse(jsonStr);
console.log(arr);
ログイン後にコピー

es6でjson文字列をオブジェクトに変換する方法

ステップ 2: スプレッド演算子「...」を使用します。配列をオブジェクトに変換する

スプレッド演算子 "..." は、配列を展開し、配列要素を 1 つずつ取り出して、空のオブジェクト "{}" に格納できます。

const obj = {...arr} ;
console.log(obj);
ログイン後にコピー

es6でjson文字列をオブジェクトに変換する方法

[関連する推奨事項:

JavaScript ビデオ チュートリアル プログラミング ビデオ ]

以上がes6でjson文字列をオブジェクトに変換する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート