JavaScript オブジェクト (詳細)

1. 定義
2. オブジェクトの分類
3. オブジェクトを定義する
4. オブジェクトのプロパティにアクセスする
5. オブジェクトにプロパティを追加する
6. オブジェクトプロパティの削除
7.オブジェクトルートコンストラクタ
8. オブジェクト属性の検出
9. 参照渡しと値渡し
10. オブジェクトのシリアル化（オブジェクトを文字列に変換する）
11. 拡張 for ループ (for in)

JavaScript オブジェクト

1. 定義

オブジェクトは参照データ型であり、複雑なデータ型を格納するためのコンテナです。複数の属性 (データ) とメソッド (関数) の集合です。

属性の動的な追加と削除が可能

2. オブジェクトの分類

（１）組み込みオブジェクト
ES標準で定義されたオブジェクトは、どのES実装でも使用できます。
たとえば、math string number boolean object...
（２）ホストオブジェクト
jsランタイム環境によって提供されるオブジェクト。現在は主にブラウザによって提供されています。
たとえば、BOM DOM
（3）カスタムオブジェクト
開発者自身が作成したオブジェクト

3. オブジェクトを定義する

オブジェクトリテラル

オブジェクトリテラルを使用すると、オブジェクトを作成するときにオブジェクト内のプロパティを直接指定できます。
構文: {属性名:属性値、属性名:属性値...}
オブジェクトリテラルのプロパティ名は引用符で囲んでも囲まなくてもかまいませんが、引用符で囲まないことをお勧めします。
特別な名前を使用する場合は、引用符で囲む必要があります。
境界として「{ }」を使用し、属性を「,」で区切り、属性と属性値を「:」で区切ります。

var obj = {};

コンストラクタはオブジェクトを作成する

newキーワードで呼び出される関数はコンストラクタである
コンストラクタはオブジェクトを作成するために使用される関数です
typeof を使用してオブジェクトをチェックすると、オブジェクトが返されます。

var obj = 新しいオブジェクト();
console.log(obj のタイプ);

4. オブジェクトのプロパティにアクセスする

ポイントアクセスシンボル。

o.name => 'テリー'
o.年齢 => 12

[] アクセサ

o['name'] => 'テリー'
o['年齢'] => 12

オブジェクトに存在しないプロパティを読み取った場合、エラーは報告されませんが、undefined が返されます。

5. オブジェクトにプロパティを追加する

object.attribute = 属性値;

o.gender = '女性';

6. オブジェクトプロパティの削除

オブジェクトプロパティを削除します。

o.gender を削除します。

7.オブジェクトルートコンストラクタ

すべてのオブジェクトは直接的または間接的にObjectを継承し、Objectプロトタイプのメソッドを呼び出すことができます。

var o =新しいオブジェクト();
var arr = 新しい配列();

8. オブジェクト属性の検出

オペレーター
この演算子は、オブジェクトに指定された属性が含まれているかどうかを確認するために使用できます。
はいの場合はtrueを返し、そうでない場合はfalseを返します
文法：
オブジェクト内の「プロパティ名」

Obj 内の 'name';

9. 参照渡しと値渡し

基本データ型は値渡しされます。基本データ型はメモリのスタック領域に直接値を格納します。

js 内の変数はすべてスタック メモリに格納される基本データ型です。値はスタック メモリに直接格納されます。値は独立して存在します。1 つの変数を変更しても、他の変数には影響しません。

var a = 123;
var b = a;
++;
コンソールログ('a='+a); //124
コンソールログ('b='+b); //123

参照データ型は参照によって渡されます。参照データ型の参照アドレスはスタック領域に格納され、実際の値はヒープ領域に格納されます。参照アドレスはヒープ領域内のスペースを指します。

オブジェクトはヒープメモリに格納されます。新しいオブジェクトが作成されるたびに、ヒープメモリに新しいスペースが作成されます。
変数はオブジェクトのメモリアドレス（オブジェクトの参照）を格納します。2つの変数に同じオブジェクト参照が格納されている場合
1 つの変数のプロパティが変更されると、他の変数も影響を受けます。

var obj = 新しいオブジェクト();
obj.name='テリー';
var obj2 = obj;
 
//obj の名前属性を変更します。obj.name='tom';
 
console.log(obj.name); //トム
console.log(obj2.name); //トム

2つのプリミティブデータ型を比較する場合、比較値は

2 つの参照データ型を比較する場合、オブジェクトのメモリアドレスを比較します。

2 つのオブジェクトが同一であるがアドレスが異なる場合も false を返します。

var c = 10;
var d = 10;
console.log(c==d); //true
 
 
var obj3 = 新しいオブジェクト;
var obj4 = 新しいオブジェクト;
obj3.name='トム';
obj4.name='トム';
console.log(obj3==obj4); //偽

10. オブジェクトのシリアル化（オブジェクトを文字列に変換する）

1) 従来の変換
obj.tostring()
2) json文字列に変換する
JSON.stringify(オブジェクト)
3) クエリ文字列
var qs = require('querystring'); //node.jsモジュールを導入する
qs.stringify(obj) =>名前=トム&年齢=12

11. 拡張 for ループ (for in)

オブジェクトの反復処理

文法：
for(var 変数 in オブジェクト){ }
for...in ステートメントオブジェクトに複数の属性がある場合、ループは複数回実行されます。
実行されるたびに、オブジェクト内のプロパティ名が変数に割り当てられます。

var obj = {
    名前:「孫悟空」
    年齢:18歳、
    性別: '男性'、
    住所:'花果山'
}
 
for(var n in obj){
    console.log('プロパティ名:'+n);
    console.log('プロパティ値: '+obj[n]);
    }

Java のスクリプトオブジェクト (詳細) に関するこの記事はこれで終わりです。JavaScript オブジェクトに関するより関連性の高いコンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません: