В JavaScript «три точки» относятся к синтаксису распространения и остальным параметрам. Это мощные функции, позволяющие легко манипулировать массивами и объектами. Вот несколько вариантов использования и методов, связанных с «тремя точками» в JavaScript:
-
Синтаксис распространения:
-
Используйте синтаксис расширения (…), чтобы создать новый массив путем объединения элементов существующих массивов:
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' }
-
-
Остальные параметры:
-
Используйте синтаксис остальных параметров (…) для представления неопределенного числа аргументов в виде массива:
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]
-