Деструктуризация присваивания в JavaScript: упрощение присваивания переменных из массивов и объектов

  1. Деструктуризация массива. В JavaScript вы можете использовать деструктуризацию массива для присвоения элементов массива отдельным переменным. Например:

    const numbers = [1, 2, 3];
    const [a, b, c] = numbers;
    console.log(a); // Output: 1
    console.log(b); // Output: 2
    console.log(c); // Output: 3
  2. Деструктуризация объекта. Аналогичным образом вы можете использовать деструктуризацию объекта для извлечения значений из объекта и присвоения их переменным. Например:

    const person = { name: 'John', age: 25 };
    const { name, age } = person;
    console.log(name); // Output: John
    console.log(age); // Output: 25
  3. Значения по умолчанию: назначение деструктуризации также позволяет вам предоставлять значения по умолчанию в случае, если извлеченное значение не определено. Например:

    const numbers = [1];
    const [a = 0, b = 0] = numbers;
    console.log(a); // Output: 1
    console.log(b); // Output: 0 (default value)
  4. Пропуск значений. Вы можете пропускать значения во время деструктуризации, оставляя пустые слоты (запятые без переменных) для значений, которые вы хотите пропустить. Например:

    const numbers = [1, 2, 3, 4, 5];
    const [a, , c] = numbers;
    console.log(a); // Output: 1
    console.log(c); // Output: 3
  5. Синтаксис rest: используя синтаксис rest (...), вы можете назначить оставшиеся элементы массива новому массиву. Например:

    const numbers = [1, 2, 3, 4, 5];
    const [a, ...rest] = numbers;
    console.log(a); // Output: 1
    console.log(rest); // Output: [2, 3, 4, 5]