Деструктуризация в JavaScript — ЧАСТЬ 1

Деструктуризация присваивание — это JavaScript feature, который позволяет распаковывать значения массива или объекта в отдельные переменные. Это может быть полезно, когда вам нужно использовать только некоторые данные в array или object, или когда вы хотите дать данным different имена.

Чтобы использовать деструктурирующее присваивание, вы используете синтаксис [] для создания списка переменных, а затем используете оператор = для присвоения значений массива или объекта переменным.

Например, допустим, у вас есть массив чисел. Вы можете использовать деструктурирующее присваивание, чтобы выделить первое и последнее числа в отдельные переменные.

Фрагмент кода

const numbers = [1, 2, 3, 4, 5];
const [first, last] = numbers;

Этот код создаст две переменные, first и last, и присвоит им значения первого и последнего чисел в массиве numbers. Затем вы можете использовать эти переменные так же, как и любую другую переменную.

Фрагмент кода

console.log(first); // 1
console.log(last); // 5

Деструктурирование также можно использовать для извлечения данных из объектов. Например, допустим, у вас есть объект, представляющий пользователя. Объект может иметь такие свойства, как name, email и age. Если вам нужно использовать только свойства name и email, вы можете использовать деструктурирование, чтобы выделить их в отдельные переменные.

Фрагмент кода

const user = {
  name: "John Doe",
  email: "[email protected]",
  age: 30
};
const [name, email] = user;

Этот код создаст две переменные, name и email, и присвоит им значения свойств name и email в объекте user. Затем вы можете использовать эти переменные так же, как и любую другую переменную.

Фрагмент кода

console.log(name); // John Doe
console.log(email); // [email protected]

Деструктуризация может быть очень мощным инструментом для работы с данными в JavaScript. Это может сделать ваш код более кратким и легким для чтения. Если вы еще не знакомы с деструктурированием, я рекомендую вам узнать о нем больше. Это ценный навык, который может помочь вам писать лучший код JavaScript.

Вот несколько дополнительных примеров деструктурирующего присваивания:

• Извлеките первые три числа из массива:

Фрагмент кода

const [first, second, third] = numbers;

• Извлеките свойства name и age из объекта:

const [name, age] = user;

• Извлеките свойство email из объекта и назначьте его переменной с именем emailAddress:

Фрагмент кода

const emailAddress = user.email;

• Извлеките свойства name и age из объекта и назначьте их переменным с именами name и age соответственно:

Фрагмент кода

const name = user.name;
const age = user.age;

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

Хорошо, если вы все еще не поняли это, поймите это по картинкам (во всех моих блогах есть красивый метод с фотографиями, чтобы объяснить, если теория не сработала)

Для Live Demo Of All My Projects Blogs Check Here:

Будьте готовы к следующей части

Разрушение массива в JavaScript

Часть 2 – Массив Деструктуризация

Часть 3 – Объект Деструктуризация

- - - - - - - - - - - Конец - - - - - - - - - - - -

Если вам понравилось читать этот блог, поделитесь им с друзьями и не забудьте подписаться на наш канал YouTube, чтобы получать больше интересного контента. Помогите нам рассказать о нашем опыте в разработке стека MERN, облачных вычислениях, React Native и Next.js, и следите за новостями, чтобы не пропустить новые информативные статьи. Вместе мы можем покорить мир технологий!

В разделе Проекты Mern Stack вы можете найти учебные пособия, советы, шпаргалки и другие проекты. Наши доклады также касаются фреймворков React, таких как NextJs и AWS Cloud. Присоединяйтесь к нам сегодня, чтобы быть в курсе новейших технологий🩷

📠 🏅:- Проекты Mern Stack

🎦 🥇:- Дневник Джары — YouTube 🚦

🎦 🥈 :- Эррормания — YouTube 🚦

На GITHUB:- raj-28 (Raj) (github.com)

💌 Подпишитесь на нашу рассылку, чтобы быть в курсе всех новых блогов 👍

…………🚦…🛣… ……………🚧🛑………………..▶……………….️

Используйте смайлики отсюда, если вам нужны….🚦🛣️🥇🥈🥉🏅🎖️🎦👍