ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript で JSON データを解析する 3 つの方法

JavaScript で JSON データを解析する 3 つの方法

高洛峰
高洛峰オリジナル
2017-02-17 16:54:561468ブラウズ

概要

現在、Web 開発では JSON 形式がますます注目を集めており、特に ajax を使用してプロジェクトを開発するプロセスでは、json 形式の文字列をフロントエンドに返す必要があり、フロントエンドが解析します。それらを JS オブジェクト (JSON) に変換します。
JSON の概念は ECMA-262 (E3) では標準に書き込まれませんでしたが、JSON の概念はグローバル JSON オブジェクトと Date toJSON メソッドを含めて ECMA-262 (E5) で正式に導入されました。
JSON データを解析する 3 つの方法

eval() メソッド

JSON データを解析する最も一般的な方法は、JavaScript の eval() メソッドを使用することです。コードは次のとおりです:

function toJson(str){
 var json = eval('(' + str + ')');
 return json;
}


このメソッドにはパフォーマンスがありますセキュリティ上の問題があるため、使用はお勧めしません。
新しい Function メソッド

function toJson(str){
 var json = (new Function("return " + str))();
 return json;
}


JSON.parse() メソッド
このメソッドは、IE8/Firefox3.5+/Chrome4/Safari4/Opera10 以降のみをサポートしており、これらのブラウザはすでに W3C 標準に近く、実装されています。デフォルトの toJSON メソッド。

function toJson(str){
 return JSON.parse(str);
}


json2.js は、ブラウザーが JSON.parse をネイティブにサポートしており、ES5 と API 互換性がある場合にネイティブ バージョンを使用します。 ES5 がまだ十分に普及していない現状において、現在 ES5 と互換性のある API を使用し、将来 ES5 にスムーズに移行できるように、インポートを削除して切り替えるだけで済むように、John Resig 氏は主に json2.js を使用することを推奨しています。

JavaScript で JSON データを解析する 3 つの方法に関するその他の関連記事については、PHP 中国語 Web サイトに注目してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。