es6のオブジェクトのメソッドは何ですか

es6 のオブジェクト メソッド: 1. 2 つの値が厳密に等しいかどうかを比較するために使用される「Object.is()」。これは基本的に厳密な比較演算子「===」と同じ動作です。 2. 「Object.assign()」、オブジェクトのマージに使用されます。 3. 「Object.keys()」、オブジェクトを走査してすべてのキー名を取得します。 4. 「Object.keys()」、オブジェクトを走査して、すべてのキー名を取得します。キー値; 5 、「Object.entries()」、オブジェクトを走査し、すべての値のペアを取得します。

このチュートリアルの動作環境: Windows 7 システム、ECMAScript バージョン 6、Dell G3 コンピューター。

ES6 の新しい Object メソッド

Object.is()

Object.is() は、2 つの値が厳密に等しいかどうかを比較するために使用されます。基本的に厳密な比較演算子 ( === ) と同じ動作を持ちます。三重の等号判定に基づいて 2 つの異なる値を加算します。で。

Object.is() の違いは 2 つだけです。1 つ目は、 0 は -0 と等しくないこと、2 つ目は、NaN はそれ自体 と等しいことです。

構文: Object.is(value1, value2);

比較する 2 つの値を渡し、それらが同じかどうかを判断します。一致する場合は true を返します。一致しない場合は false を返します。

#3 番目の等号は、値の型が等しいかどうか、および参照アドレスが等しいかどうかを判断するために使用されます。そのため、Object.is() もオブジェクトや配列などの参照型のデータが等しくないと判断します。

Object.assign()

Object.assign() メソッドは、オブジェクトをマージし、ソース オブジェクトの使用可能なすべての属性を割り当てるために使用されます。 (source) 列挙型プロパティ。ターゲット オブジェクト ( target ) にコピーされます。

注:

これは 浅いコピーです! ！

ターゲット オブジェクトとソース オブジェクトに同じ名前のプロパティがある場合、または複数のソース オブジェクトに同じ名前のプロパティがある場合、後続のプロパティは 前のプロパティを 上書きします。 ！

let obj1 = {a:{b:1},b:22};
let obj2 = Object.assign({b:11},obj1);
console.log(obj2); // {b:22,a:{b:1}}
//修改obj1的属性值
obj1.a.b = 2;
//这时会影响到obj2的属性值，这就是浅拷贝导致的
console.log(obj2.a.b); // 2

Object.keys()、Object.values()、Object.entries()

##Object.keys() メソッドは、パラメータ オブジェクト自体のすべての走査可能な (列挙可能な) 属性 (継承されたものを除く) の key name 配列をメンバーとする配列を返します。

Object.values()このメソッドは、パラメーター オブジェクト自体のすべての走査可能な (列挙可能な) プロパティ (継承されたものを除く) の key 値をメンバーとする配列を返します。 ＃＃＃ 配列。

Object.entries()

このメソッドは、パラメータ オブジェクト自体のすべての走査可能な (列挙可能な) 属性 (継承されたものを除く) の キーと値のペア## をメンバーとする配列を返します。 ） ＃配列。

let obj = {name:"winne",age:22};
let objKeys = Object.keys(obj);
let objValues = Object.values(obj);
let objItem = Object.entries(obj);

console.log(objKeys);   //["name","age"]
console.log(objValues); //["winne",22]
console.log(objItem);   //[["name","winne"],["age",22]]

必要な部分を取り出したら、配列を走査して各項目を取得します。

//for..of遍历

for( let key of objKeys){
    console.log(key)
}
//name
//age

//forEach遍历
objKeys.forEach(function(item,index){
    console.log(item,index);
})
//name  0
//age   1

【関連する推奨事項:

JavaScript ビデオ チュートリアル

、

プログラミング ビデオ ]

以上がes6のオブジェクトのメソッドは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。