中国語に翻訳された英語名オブジェクトがオブジェクトです。英語の観点からは、たとえ見えたり触れたりできなくても、オブジェクトはエンティティです。中国語のオブジェクトはガールフレンドを指します。コンピュータにおいて、英語の観点からオブジェクトを理解することは、データとメソッドのカプセル化とも呼ばれる、メモリ内の複雑なデータコレクションであり、プログラミングロジックの概念です。

関数はデータとコードのカプセル化であり、関数と関数外のデータがカプセル化されている場合、それはオブジェクト、つまりオブジェクトです。

次に、オブジェクトを作成します

一部の関数とオブジェクトをカプセル化することはオブジェクトです. 文法レベルでのいわゆるカプセル化は、関数と変数を英語の中かっこ {} でラップすることです. 次の形式を使用します: key: value。value は、オブジェクトの値またはオブジェクトのアドレスにすることができます。

キーの値は、識別子の命名規則に準拠していない場合がありますが、'12qw'=1 のように引用符で囲む必要があります。コンマを使用して、各キーと値のペアを区切ります。

//创建一个obj对象
var obj1 = {
    str1: 'woaini',
    "10p": 10
};

function f() {
    console.log(1)
};
var obj1 = {
    str1: 'woaini',
    "10p": 10,
    fun: f,
    fun1: function() {
        console.log(2)
    }
};
obj1.fun();
obj1.fun1();

キーの値が関数である場合、そのキーはオブジェクトのメソッドであると言われます。キーの値がプリミティブデータ型である場合、そのキーはオブジェクトのプロパティであると言われます。

第三に、オブジェクトのネスト

つまり、オブジェクトのプロパティは引き続きオブジェクトにすることができます。Operator. getattr、つまりオブジェクト属性へのアクセスを意味します。

var obj1 = {
    str1: 'woaini',
    "10p": 10,
    fun1: function() {
        console.log(2)
    },
    obj_inn: obj2 = {
        num: 1

    }
};
console.log(obj1.obj_inn.num);

第四に、オブジェクトのプロパティと変更

1. dot. 演算子を使用する

var obj1 = {
    str1: 'woaini',
};
console.log(obj1.str1);

2. [] 記号を使用する

var obj1 = {
    str1: 'woaini',
};
console.log(obj1['str1'])

キーは引用符で囲む必要があることに注意してください。

3. 属性を変更する

var obj1 = {
    str1: 'woaini',
};
obj1.str1 = 666
console.log(obj1['str1'])

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

var obj1 = {

};
obj1.name = 'xiaoming';
obj1['age'] = 10;
console.log(obj1.age, obj1.name);

6、オブジェクトのプロパティを表示および削除する

1. Object.keys(obj) メソッドを使用して、オブジェクトのすべてのプロパティを表示します

var obj1 = {
    str1: 'woaini',
};
obj1.str1 = 666
obj1.age = 18
console.log(Object.keys(obj1))
// [ 'str1', 'age' ]

2. delete() メソッドを使用してオブジェクトのプロパティを削除します

var obj1 = {
    str1: 'woaini',
};
obj1.str1 = 666
obj1.age = 18
console.log(delete obj1.age)
// true

オブジェクトに存在しないプロパティを削除すると、エラーが報告されないだけでなく、true が返されます。削除できないプロパティを削除しようとすると、false が返されます。オブジェクトプロパティの削除: 実際に関連オブジェクトとのバインドを解除します。

3. 強化された for ループを使用してオブジェクト要素をトラバースする

var obj1 = {
    str1: 'woaini',
};
obj1.str1 = 666
obj1.age = 18

for (var item in obj1) {
    console.log(obj1[item])
}

セブン、オブジェクトオブジェクトメソッド

これは、基本クラスに似ており、すべてのオブジェクトのボスである Object オブジェクトに関する知識です。

1、Object オブジェクト独自のメソッド

オブジェクト自体はオブジェクトであり、プロパティとメソッドを追加できます。キーと値のペアの形式でオブジェクトに追加されたメソッドは、オブジェクト独自のメソッドと呼ばれます。Object.funcname() を使用してのみ実行できます。

Object.add = function() {
    console.log(1)
}
Object.add()

2.オブジェクトオブジェクト自身のインスタンスメソッド

Object.prototype.name() の形式を使用して追加されたメソッドは、オブジェクトのインスタンスメソッドと呼ばれます。あらゆるオブジェクトで使用できます。

function f() {
    console.log(1)
};
Object.prototype.fun = f;
var obj = {}
obj.fun()

8. 関数とオブジェクトに関する注意事項

1. 関数本体で他の関数を呼び出す

関数の関数本体、つまり関数名 + () で別の関数を呼び出すことができます。

2. 関数本体の行数が 50 行を超えないこと

各関数の関数本体は 50 行を超えませんが、それを超える場合は、分割して関数を使用してブロックを構築し、関数を実現するのが最適です。

JavaScript オブジェクトの詳細な説明、js オブジェクトのプロパティの追加

一つ、オブジェクトとは？