JavaScript での JSON オブジェクトの基本操作の例 (グラフィック チュートリアル)

JSON 形式は JavaScript のオブジェクトと配列に由来するため、js は当然操作が最も単純で最も原始的です。次に、JavaScript の JSON オブジェクトに対する基本的な操作の一般的に使用される例をいくつか見てみましょう

JSON オブジェクト

。

1. オブジェクトの属性:
オブジェクトの属性はキーと値のペアで構成されます。キーは文字列、値は任意の JavaScript オブジェクトです。

//使用[]设置和获取对象的属性
var obj = new Object();
obj["www.jb51.net"] = "http://www.jb51.net";
alert(obj["www.jb51.net"]);

2. 変数は属性です:
JavaScript エンジンは初期化中にグローバル オブジェクトを構築し、すべての変数はこのグローバル オブジェクトの属性です。このグローバル オブジェクトを参照するには、次のように最上位スコープでオブジェクトを取得できます:

var global = this;

Javascript では、独立した関数または変数はすべて、このオブジェクトのプロパティに属します。つまり、

function test(){}

は次と同等です:

window.test = function(){}

3. オブジェクトの使用:
オブジェクトを宣言する 3 つの方法:

① new 演算子を使用して Object オブジェクトを作成し、属性を動的に追加してオブジェクトを構築しますゼロから
② オブジェクトのクラスサークルを定義し、new 演算子を使用して新しいオブジェクトをバッチで構築します

//创建一个对象
function User(username, password){
  this.username = username;
  this.password = password;
  this.getUsername = function(){
    return this.username;
  }
  this.getPassword = function(){
    return this.password;
  }
}
var arthinking = new User("Jason", "123");
alert(arthinking.getUsername());
alert(arthinking.getPassword());

③ JSON を使用してオブジェクトを構築します
JSON は Javascript Object Notation、つまりリテラルを使用しますオブジェクトを表します:

//JSON形式创建一个对象
var arthinking = {
  username : "Jason",
  password : "123",
  favorite : {
    sports : "football",
    music : "Guitar"
  }
}
alert(arthinking.username);
alert(arthinking.favorite.sports);

サーバーから返された JSON 形式のデータを解析します
単一の JSON オブジェクト:

[{a:'1',b'2'},{a:'3',b'4'}]

複数の JSON オブジェクト:

{
"usergroups":[{a:'001',b:'arthinking'},a:'002',b:'Jason'}],
"groups":[{c:'001',d:'IT宅'}]
}

はこれに基づくことができますフォーマット まず、バックエンドから送信する必要があるデータをカプセル化します。フロントエンドで取得した後、次のようにデータを解析して取得できます。今後皆さんのお役に立てば幸いです。

関連記事:

javascript

Java で Map オブジェクト関数を実装する (詳細な回答、コードが添付されています)

JavaScript でオブジェクトを作成する 7 つの方法 (概要、必読)

JavaScript コンストラクター新しいオペレーター (重要なポイント、必読)

以上がJavaScript での JSON オブジェクトの基本操作の例 (グラフィック チュートリアル)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。