Как относительный новичок в javascript, одна из наиболее распространенных проблем, с которыми я сталкиваюсь, — поиск способов сделать мой код простым для чтения. При работе с другими, если ваш код непонятен, беспорядочный код может сузить усилия группы. Одна из самых больших проблем, с которыми я столкнулся, — это когда мне нужно использовать данные, хранящиеся в массиве или объекте.
Допустим, нам дан массив значений, которые нам нужно преобразовать в два отдельных объекта JSON: информацию о пользователе и адрес. Наш массив будет выглядеть так.
Один из способов собрать его воедино — создать длинный объектный литерал, в котором мы присваиваем значения нашим ключам, указывая индекс в массиве.
Вы можете видеть, как с большими наборами данных это может быть утомительно и громоздко. К счастью, благодаря волшебству деструктурирующего назначения ES6 мы можем масштабировать это до чего-то гораздо более управляемого.
Проще говоря, деструктуризация — это элегантный способ множественного присвоения значений из структуры отдельным переменным, которые могут вызываться сами по себе. Звучит довольно сложно, но это не так. Возьмем пример ниже.
В этом простом примере использования мы присвоили оба значения из массива справа отдельным значениям, которые мы можем вызывать слева.
Кроме того, если мы хотим преобразовать наши новые причудливые переменные в объект, все, что нам нужно сделать, это заключить их в фигурные скобки и вуаля!
Что хорошего в этом, так это то, что мы можем неявно присваивать значения нашим ключам на основе нашего первоначального присваивания во время нашего объявления деструктурирования! Имея в виду это новое волшебство, давайте еще раз ударим по нашей проблеме назначения пользовательских данных.
Всего тремя простыми строками мы можем разбить массив данных, присвоить ключи значениям и переназначить литералы объектов.