Литералы объектов

Сокращённая запись свойств

ES6 позволяет записывать свойства объекта непосредственно как переменные; имя свойства — это имя переменной, а значение свойства — это значение переменной.

const age = 12; const name = "Amy"; const person = {age, name}; person //{age: 12, name: "Amy"} //Эквивалентно const person = {age: age, name: name}

Имена методов также можно сокращать

const person = { sayHi(){ console.log("Hi"); } } person.sayHi(); //"Hi" //Эквивалентно const person = { sayHi:function(){ console.log("Hi"); } } person.sayHi();//"Hi"

Если это функция-генератор, добавьте звёздочку впереди:

const obj = { * myGenerator() { yield 'hello world'; } }; //Эквивалентно const obj = { myGenerator: function* () { yield 'hello world'; } };

Выражения в именах свойств

ES6 позволяет использовать выражения в качестве имён свойств, но выражение должно быть заключено в квадратные скобки.

const obj = { ["he"+"llo"](){ return "Hi"; } } obj.hello(); //"Hi"

Примечание: сокращённую запись свойств и выражения в именах свойств нельзя использовать одновременно, иначе будет выброшена ошибка.

const hello = "Hello"; const obj = { [hello] }; obj //SyntaxError: Unexpected token } const hello = "Hello"; const obj = { [hello+"2"]:"world" }; obj //{Hello2: "world"}

Оператор расширения объектов

Оператор расширения (...) используется для извлечения всех перечисляемых свойств объекта-параметра и копирования их в текущий объект.

Базовое использование

let person = {name: "Amy", age: 15}; let someone = { ...person }; someone; //{name: "Amy", age: 15}

Можно использовать для объединения двух объектов

let age = {age: 15}; let name = {name: "Amy"}; let person = {...age, ...name}; person; //{age: 15, name: "Amy"}

Примечания

Когда пользовательские свойства имеют то же имя, что и свойства в объекте оператора spread:Если пользовательское свойство идёт после оператора spread, свойство с тем же именем внутри объекта оператора spread будет перезаписано.

let person = {name: "Amy", age: 15}; let someone = { ...person, name: "Mike", age: 17}; someone; //{name: "Mike", age: 17}

Если пользовательское свойство идёт перед оператором spread, оно задаёт значения свойств по умолчанию для нового объекта.

let person = {name: "Amy", age: 15}; let someone = {name: "Mike", age: 17, ...person}; someone; //{name: "Amy", age: 15}

Если после оператора расширения следует пустой объект, это не имеет эффекта и не выбрасывает ошибку.

let a = {...{}, a: 1, b: 2}; a; //{a: 1, b: 2}

Если после оператора расширения следует null или undefined, это не имеет эффекта и не выбрасывает ошибку.

let b = {...null, ...undefined, a: 1, b: 2}; b; //{a: 1, b: 2}

Новые методы для объектов

Object.assign(target, source_1, ···)

Используется для копирования всех перечисляемых свойств исходных объектов в целевой объект.

Базовое использование

let target = {a: 1}; let object2 = {b: 2}; let object3 = {c: 3}; Object.assign(target,object2,object3); //Первый параметр — это целевой объект, а следующие параметры — это исходные объекты. target; // {a: 1, b: 2, c: 3
  • Если целевой объект и исходный объект имеют свойство с одинаковым именем, или несколько исходных объектов имеют свойство с одинаковым именем, более позднее свойство перезапишет более раннее.
  • Если функция имеет только один параметр, когда параметр является объектом, она возвращает объект напрямую; когда параметр не является объектом, она сначала преобразует параметр в объект, а затем возвращает его.
Object.assign(3); // Number {3} typeof Object.assign(3); // "object"

Поскольку null и undefined не могут быть преобразованы в объекты, возникает ошибка:

Object.assign(null); // TypeError: Cannot convert undefined or null to object Object.assign(undefined); // TypeError: Cannot convert undefined or null to objectКогда параметров больше одного,nullиundefinedесли он не стоит первым, то есть не является целевым объектом, он будет пропущен,nullиundefinedбез выброса ошибки.Object.assign(1,undefined); // Number {1} Object.assign({a: 1},null); // {a: 1} Object.assign(undefined,{a: 1}); // TypeError: Cannot convert undefined or null to object

Примечания

копирование свойств assign — это поверхностное копирование:

let sourceObj = { a: { b: 1}}; let targetObj = {c: 3}; Object.assign(targetObj, sourceObj); targetObj.a.b = 2; sourceObj.a.b; // 2

Замена свойств с одинаковыми именами

targetObj = { a: { b: 1, c:2}}; sourceObj = { a: { b: "hh"}}; Object.assign(targetObj, sourceObj); targetObj; // {a: {b: "hh"}}

Обработка массивов

Object.assign([2,3], [5]); // [5,3]

Он рассматривает массивы как объекты, поэтому [2,3] сначала преобразуется в {0:2,1:3}, а затем выполняется копирование свойств, так что свойство 0 исходного объекта перезаписывает свойство 0 целевого объекта.

Object.is(value1, value2)

Используется для сравнения, строго ли равны два значения, по сути аналогично (===).

Базовое использование

Базовое использование

Object.is("q","q"); // true Object.is(1,1); // true Object.is([1],[1]); // false Object.is({q:1},{q:1}); // false

Отличия от (===)

//Во-первых, +0 не равно -0 Object.is(+0,-0); //false +0 === -0 //true //Во-вторых, NaN равен самому себе Object.is(NaN,NaN); //true NaN === NaN //false