Синтаксис расширения JavaScript и остальные параметры: изучение трех точек

В JavaScript «три точки» относятся к синтаксису распространения и остальным параметрам. Это мощные функции, позволяющие легко манипулировать массивами и объектами. Вот несколько вариантов использования и методов, связанных с «тремя точками» в JavaScript:

  1. Синтаксис распространения:

    • Используйте синтаксис расширения (…), чтобы создать новый массив путем объединения элементов существующих массивов:

      const array1 = [1, 2, 3];
      const array2 = [4, 5, 6];
      const combinedArray = [...array1, ...array2];
      console.log(combinedArray); // Output: [1, 2, 3, 4, 5, 6]
    • Расширить массив, чтобы передать его элементы в качестве аргументов функции:

      const numbers = [1, 2, 3, 4, 5];
      console.log(Math.max(...numbers)); // Output: 5
    • Клонировать массив:

      const originalArray = [1, 2, 3];
      const clonedArray = [...originalArray];
      console.log(clonedArray); // Output: [1, 2, 3]
    • Копировать свойства из одного объекта в другой:

      const obj1 = { foo: 'bar' };
      const obj2 = { ...obj1 };
      console.log(obj2); // Output: { foo: 'bar' }
  2. Остальные параметры:

    • Используйте синтаксис остальных параметров (…) для представления неопределенного числа аргументов в виде массива:

      function sum(...numbers) {
      return numbers.reduce((acc, curr) => acc + curr, 0);
      }
      console.log(sum(1, 2, 3, 4, 5)); // Output: 15
    • Получить оставшиеся элементы массива, используя остальные параметры:

      const [first, second, ...remaining] = [1, 2, 3, 4, 5];
      console.log(remaining); // Output: [3, 4, 5]
    • Объединить остальные параметры с другими параметрами:

      function multiply(multiplier, ...numbers) {
      return numbers.map((num) => num * multiplier);
      }
      console.log(multiply(2, 1, 2, 3)); // Output: [2, 4, 6]