ホームページ  >  記事  >  ウェブフロントエンド  >  JSでJSONを操作するにはどのような方法がありますか?

JSでJSONを操作するにはどのような方法がありますか?

php中世界最好的语言
php中世界最好的语言オリジナル
2018-04-25 13:40:112195ブラウズ

今回は、JS が JSON を操作する方法と、JS が JSON を操作するための 注意事項 を​​紹介します。以下は実際のケースです。

1. 概要

JSON (

JavaScript Object記法) は軽量のデータ交換形式であると同時に、JSON は JavaScript ネイティブ形式であるため、JSON データを処理する必要はありません。 JavaScript。特別な API またはツールキット。

JSONには

objectとarray

1の2つの構造があり、オブジェクトは「{」で始まり「}」で終わり、「key/value」は「,」で区切られます。

2. 配列は「[」で始まり「]」で終わります。値を区切るには「,」を使用します。

2. JSON オブジェクトと JSON 文字列の変換 データ送信プロセスでは、JSON は文字列の形式で渡され、JS は JSON オブジェクトに対して動作するため、オブジェクトと JSON 間の JSON 変換文字列が鍵です。以下のように:

JSON 文字列:

JSON オブジェクト:

1. 文字列を JSON に変換する

2. JSON を文字列に変換する

3. JSON を美しくする出力 前のセクションでは、JSON.stringify() メソッドを使用して JSON オブジェクトを JSON 文字列に変換する方法について説明しました。インデントされたスペースの数は、出力を美化す​​るために使用されます。

コードを見てみましょう:

美化される JSON:

美化後の出力は、より明確になります:

4. JSON 文字列の置換 ログ処理には、次のような文字列がよくあります:

は、標準の JSON 文字列形式になる前に置換する必要があります。 JSON オブジェクト。ここでは、JS を使用して replaceAll 関数を実装し、すべての ' \" ' を ' " ' に置き換える必要があります。

コードは次のとおりです。ここでの gm は固定、g はグローバル、m は複数を意味します:

置換後の効果は次のとおりです:

5. JSON オブジェクトと配列を走査します 1、JSON オブジェクトを走査します。コードは次のとおりです:

2. JSON 配列を走査します。コードは次のとおりです:

6. 再帰 JSON オブジェクトを走査します

いくつかの複雑な関数を実現するには、多くの場合、次のことが必要です。 JSON オブジェクトを再帰的に走査します。これは再帰的です。この例が皆さんの参考になれば幸いです。

この例では、配列に複数のオブジェクトが存在する場合、元の JSON が次のとおりであると仮定します。処理が完了すると、処理された配列には Keep the first object が含まれます。

再帰コードは次のとおりです。この記事では、さらに興味深い情報については、PHP 中国語 Web サイトの記事の他の関連トピックに注目してください。

推奨読書:

JQueryはサイドバーメニューを実装します

jQueryはサムネイルをクリックして再生効果を切り替えます

jQueryフォーカスマップの水平スクロールの実装方法

以上がJSでJSONを操作するにはどのような方法がありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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