📜  javascript 复制数组映射 - Javascript (1)

📅  最后修改于: 2023-12-03 15:01:42.413000             🧑  作者: Mango

Javascript 复制数组映射

在Javascript中,复制一个数组并映射(map)新的值是一项常见的任务。下面是你需要知道的一些有用的方法和技巧。

复制数组

在Javascript中,可以使用多种方法复制一个数组。下面是其中的一些。

slice()

使用slice()方法可以创建一个新数组,它包含从原始数组中指定的开始索引到结束索引(不包括结束索引)的所有元素。

const array1 = [1, 2, 3, 4, 5];
const array2 = array1.slice();
console.log(array2); // [1, 2, 3, 4, 5]
concat()

使用concat()方法可以将两个或多个数组合并成一个新数组。

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];
const array3 = array1.concat(array2);
console.log(array3); // [1, 2, 3, 4, 5, 6]
展开运算符

使用展开运算符可以将一个数组展开成多个值,可以将这些值放入新的数组中。

const array1 = [1, 2, 3];
const array2 = [...array1];
console.log(array2); // [1, 2, 3]
映射数组

在Javascript中,可以使用多种方式将一个数组中的值映射为新的值。下面是其中的一些方法。

map()

使用map()方法可以将数组中的每个元素转换为新的元素。map()方法返回一个新数组,其中包含所有转换后的元素。

const numbers = [1, 2, 3, 4, 5];
const squareNumbers = numbers.map(number => number * number);
console.log(squareNumbers); // [1, 4, 9, 16, 25]
forEach()

使用forEach()方法可以对数组中的每个元素执行操作。forEach()方法不返回任何值,但是可以修改数组中的元素。

const numbers = [1, 2, 3, 4, 5];
const squareNumbers = [];
numbers.forEach(number => squareNumbers.push(number * number));
console.log(squareNumbers); // [1, 4, 9, 16, 25]
for...of循环

使用for...of循环可以遍历数组中的每个元素,并执行指定的操作。

const numbers = [1, 2, 3, 4, 5];
const squareNumbers = [];
for (const number of numbers) {
  squareNumbers.push(number * number);
}
console.log(squareNumbers); // [1, 4, 9, 16, 25]
映射并复制数组

在Javascript中,可以使用多种方式将一个数组中的值映射为新的值,并将其复制到新数组中。下面是其中的一些方法。

使用map()和slice()

使用map()方法将数组中的每个元素转换为新元素,然后使用slice()方法复制新数组。

const numbers = [1, 2, 3, 4, 5];
const squareNumbers = numbers.map(number => number * number).slice();
console.log(squareNumbers); // [1, 4, 9, 16, 25]
使用map()和展开运算符

使用map()方法将数组中的每个元素转换为新元素,然后使用展开运算符将元素展开为新数组。

const numbers = [1, 2, 3, 4, 5];
const squareNumbers = [...numbers.map(number => number * number)];
console.log(squareNumbers); // [1, 4, 9, 16, 25]
使用forEach()和push()

使用forEach()方法对数组中的每个元素执行操作,并使用push()方法将元素添加到新数组中。

const numbers = [1, 2, 3, 4, 5];
const squareNumbers = [];
numbers.forEach(number => squareNumbers.push(number * number));
console.log(squareNumbers); // [1, 4, 9, 16, 25]

以上是Javascript复制数组映射的一些常见方法和技巧。可以根据需要选择最适合的方法,并将其运用到自己的代码中。