ES6: Деструктуризация объектов
Деструктуризация - огромная часть ES6. Наряду со стрелочными функциями, let и const, мы, вероятно, собираемся использовать деструктуризацию в каждом отдельном файле javascript в нашем проекте.
Когда мы получаем объект из API, нам нужно извлечь элемент для нашей работы. В более старом стиле javascript мы извлекаем каждый элемент из объекта строкой. Если в объекте 100 элементов, нам нужно было написать 100 строк для извлечения, но ES6 - большое облегчение. Это помогает нам извлекать несколько элементов из объекта одной линией.
В приведенном выше примере показан объект с именемstudent
У учащегося имя, фамилия страна и ielts_score. В старом методе деструктуризации нам нужно написать 4 строки кода для точного определения всех данных, но в ES6 нам нужна только одна строка.
Различные имена переменных:
Когда нам нужно другое имя переменной для ключа объекта, нам нужен только оператор двоеточия.
{object_key: new_variable_name} = объект
Назначение значения по умолчанию:
Когда мы назначаем переменную, соответствующую ключу, которого нет в деструктурированном объекте, это даст нам значение undefined. Вот почему нам иногда нужно назначать значение по умолчанию.
{object_key = default_value} = объект
Вложенная деструктуризация:
Здесь, в нашем основном объекте ученика, у нас есть вложенный объект и есть несколько оценок. когда мы хотим извлечь этот ключ, нам необходимо следовать вложенным правилам деструктуризации.
nestedObject: {nested_key_1, nested_key_2, nested_key_3, ……}
Ссылки: