新しい ECMAscript オブジェクト機能の紹介

let name = '一碗の周'
let job = 'フロントエンドエンジニア'

// 属性表記は変数に直接書き込まれます。let obj1 = {
  名前、
  仕事、
  言う私() {
    console.log(名前)
  }
}
// let obj2 = { と同等
  名前: 名前、
  仕事: 仕事、
  sayMe: 関数() {
    console.log(名前)
  }
}
コンソールにログ出力します。

// 方法 1 obj.foo = true;
// 方法2 obj['a'+'bc'] = 123;

人 = {} とします。
  lastName = "姓";

person["first name"] = "Nicholas";
person[lastName] = "ザカス";
console.log(person["first name"]); // "ニコラス"
console.log(person[lastName]); // "ザカス"

人 = {
  「名」：「ニコラス」
};
console.log(person["first name"]); // "ニコラス"

p = {とします
  名前：「李思」
  年齢: 20
}
attName = 'name' とします。
console.log(p[attName]) //ここでattNameは変数名を表します。
// 李思

attName = 'name' とします。
  p = {とします
    attName : '李四', // ここで attName は属性名であり、p の各レベルで属性名 attName を持つ属性を定義することと同じです。
    年齢: 20
  }
console.log(p[attName]) // 未定義

attName = 'name' とします。
  p = {とします
    [attName]: 'Li Si', // 変数 attName を参照します。これは、age: 20というnameという名前の属性を追加することと同じです。
  }
console.log(p[attName]) // 李斯

Object.is(値1, 値2);

console.log(+0 === -0); //true
console.log(NaN === NaN); // 偽

console.log(Object.is(+0, -0)); // 偽
console.log(Object.is(NaN, NaN)); // 真

Object.assign(ターゲット、...ソース)

ソース = {
  名前:「周の一杯」
  仕事: 「フロントエンドエンジニア」
}
ターゲットを{}とします
// 1 つ以上のソース オブジェクトからターゲット オブジェクトにすべての列挙可能なプロパティの値を割り当てるには、assign() メソッドを使用します。
オブジェクト.assign(ターゲット、ソース)
console.log(ターゲット);
// ディープコピーであるかどうかを確認する target.name = 'a bowl of porridge'
console.log(target, source); //{ name: '一碗周', job: 'Front-end siege lion' } { name: '一碗粥', job: 'Front-end siege lion' }

// プロトタイプオブジェクトとして使用するオブジェクトを定義します。const proto = {
  v: 「こんにちは」
}
// オブジェクトを定義する const obj = {
  v: '世界'、
  プリントV1() {
    コンソールにログ出力します。
  },
  // superキーワードを使用する printV2() {
    コンソールにログ出力します。
  }
}
//objオブジェクトのプロトタイプをprtotに変更します
オブジェクト.setPrototypeOf(obj, proto)
// このobj.printV1()の使用法 // 世界
// super obj.printV2() の使い方 // こんにちは

// オブジェクト拡張演算子 (...) は、パラメーター オブジェクトのすべてのトラバース可能なプロパティを抽出し、現在のオブジェクトにコピーするために使用されます。
obj = {
  名前:「周の一杯」
  仕事: 「フロントエンドエンジニア」
}
新しいオブジェクトを = {
  ...オブジェクト
}
console.log(newObj); // { name: 'Yiwan Zhou', job: 'フロントエンドエンジニア' }
// ディープコピーであるかどうかを確認する newObj.name = 'A bowl of porridge'
console.log(obj, newObj); // { name: '一碗周', job: 'Front-end siege lion' } { name: '一碗粥', job: 'Front-end siege lion' }

arr = [1, 2, 3, 4, 5]とします。
obj = {
  …あぁ
}
console.log(obj); // { '0': 1, '1': 2, '2': 3, '3': 4, '4': 5 }

コンソール.log(
  {
  ...1 // {...Object(1)} と同等
  }
); // {}
コンソール.log(
  {
  ...true // {...Object(true)} と同等
  }
); // {}
コンソール.log(
  {
  ...undefined // {...Object(undefined)} と同等
  }
); // {}
コンソール.log(
  {
  ...null // {...Object(null)} と同等
  }
); // {}