Деструктуризация присваивания: раскрытие значения квадратных скобок в левой части присваивания переменной

В JavaScript обнаружение квадратных скобок в левая часть присваивания переменной может показаться запутанной. Чтобы расшифровать значение этого синтаксиса, мы углубимся в область деструктуризации присваивания.

Синтаксис и операции

Деструктурирование присваивания — функция, представленная в JavaScript 1.7 и ECMAScript 6. , позволяет нам распаковывать значения из массивов или объектов в отдельные переменные. Его синтаксис выглядит примерно так:

[variable1, variable2, variable3] = [value1, value2, value3];

В примере кода:

[ a, b, c ] = myList;

квадратные скобки слева обозначают деструктурирующее назначение. Он присваивает значения в массиве myList переменным a, b и c.

Поддержка браузера

Несмотря на бесперебойную работу в Opera 10.30 и Firefox 3.6.x, Назначение деструктуризации не поддерживается в Opera 10.60 и Chrome. Это несоответствие объясняется тем фактом, что назначение деструктуризации не является частью ECMAScript 5.

Соответствие стандарту ECMAScript

Как подтверждено связанной ссылкой, назначение деструктуризации не соответствует требованиям с ECMAScript 5. Он был представлен как функция в JavaScript 1.7 и позже формализован в ECMAScript 6.

Заключение

Назначение деструктуризации, обозначенное квадратными скобками слева Сторона назначения переменных обеспечивает краткий способ распаковки значений из массивов или объектов. Однако его кроссбраузерная поддержка ограничена из-за его отсутствия в ECMAScript 5.