JSON データを読み取って解析する js メソッド

小云云
リリース: 2023-03-17 15:46:02
オリジナル
5454 人が閲覧しました

JSON (JavaScript Object Notation) は、完全に言語に依存しないテキスト形式を使用する軽量のデータ交換形式であり、理想的なデータ交換形式です。同時に、JSON は JavaScript ネイティブ形式であるため、JavaScript での JSON データの処理には特別な API やツールキットは必要ありません。

この記事は主にJSON上でのJS操作についてまとめたものです。

JSON には、オブジェクトと配列という 2 つの構造があります。

1. オブジェクトは「{」(左括弧) で始まり「}」(右括弧) で終わります。各「名前」の後には「:」 (コロン) が続き、「名前と値」のペアは「,」 (カンマ) で区切られます。 名前は引用符で囲みます。値が文字列の場合は括弧で囲む必要がありますが、数値の場合は括弧で囲む必要はありません。例:

var o={"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"};
ログイン後にコピー

2. 配列は、順序付けられた値のコレクションです。配列は「[」 (左括弧) で始まり、「]」 (右括弧) で終わります。値を区切るには「,」(カンマ)を使用します。

例:

var jsonranklist = [
    {"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"},
    {"xlid":"zd","xldigitid":123456,"topscore":1500,"topplaytime":"2009-11-20"}
];
ログイン後にコピー

JSON データを便利に処理するために、JSON は json.js パッケージを提供します。ダウンロード アドレス: http://www.json.org/json.js

データ送信プロセスでは、json はtext 、つまり文字列の形式で渡され、JS は JSON オブジェクトに対して動作するため、JSON オブジェクトと JSON 文字列の間の変換が重要です。例:

JSON 文字列:

var str1 = '{ "name": "cxh", "sex": "man" }';
JSON对象:
var str2 = { "name": "cxh", "sex": "man" };
ログイン後にコピー

1. JSON 文字列を JSON オブジェクト

に変換する 上記の str1 を使用するには、以下を使用して JSON オブジェクトに変換する必要があります:

//由JSON字符串转换为JSON对象
var obj = eval('(' + str + ')');
ログイン後にコピー

または

var obj = str.parseJSON(); //由JSON字符串转换为JSON对象
ログイン後にコピー

または

var obj = JSON.parse(str); //由JSON字符串转换为JSON对象
ログイン後にコピー

次に、次のように読むことができます:

Alert(obj.name);
Alert(obj.sex);
ログイン後にコピー

特別な注意: obj が元々 JSON オブジェクトである場合、eval() 関数を使用して変換した後でも (複数回変換された場合でも) JSON オブジェクトのままですが、 parseJSON() 関数を使用してそれを処理すると、疑わしいことになります (構文例外がスローされます)。

2. toJSONString() またはグローバル メソッド JSON.stringify() を使用して、JSON オブジェクトを JSON 文字列に変換できます。

例:

var last=obj.toJSONString(); //将JSON对象转化为JSON字符
ログイン後にコピー

または

var last=JSON.stringify(obj); //将JSON对象转化为JSON字符
alert(last);
ログイン後にコピー

データ グループ

var str='[{"name":"cxh","sex":"man"},{"name":"cxh1","sex":"man1"}]';    
var obj = str.parseJSON();    
alert(obj[0].name)
ログイン後にコピー

注:

上記の複数の必須要素のうち、js に付属する eval() 関数を除き、他の多くの必須要素は json.js Bag から取得されます。 JSON の新しいバージョンでは API が変更され、JSON.stringify() メソッドと JSON.parse() メソッドの両方が JavaScript の組み込みオブジェクトに挿入され、前者は Object.toJSONString() になり、後者は String. )。 toJSONString() メソッドと parseJSON() メソッドが見つからないというメッセージが表示された場合は、json パッケージのバージョンが低すぎることを意味します。

上記は、js が JSON データを読み取って解析する方法についての詳細な説明です。皆さんのお役に立てれば幸いです。

関連する推奨事項:

JS は Json 配列内の配列長のインスタンスをどのように取得しますか?

文字列を json に変換する際の注意事項

Python による JSON の解析の詳細な説明

以上がJSON データを読み取って解析する js メソッドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!