JavaScript数组操作到另一数组|极客教程

JavaScript数组操作到另一数组

在JavaScript中，数组是一种非常常用的数据结构，我们可以对数组进行各种操作，如添加、删除、修改、筛选、排序等。有时候，我们需要对一个数组进行一系列操作，并将操作后的结果存储到另一个数组中。本文将详细介绍如何在JavaScript中对数组进行操作，并将操作后的结果存储到另一个数组中。

创建数组

首先，我们来创建一个数组，可以使用以下几种方式：

直接量表示法

let arr1 = [1, 2, 3, 4, 5];

Array构造函数

let arr2 = new Array(1, 2, 3, 4, 5);

Array.from方法

let arr3 = Array.from([1, 2, 3, 4, 5]);

Array.of方法

let arr4 = Array.of(1, 2, 3, 4, 5);

将数组操作到另一个数组

map

map() 方法创建一个新数组，其结果是调用提供的函数对每个元素进行处理后的返回值。

let arr = [1, 2, 3, 4, 5];
let newArr = arr.map(item => item * 2);

console.log(newArr); // [2, 4, 6, 8, 10]

filter

filter() 方法创建一个新数组，其中包含所有通过所提供函数实现的测试的元素。

let arr = [1, 2, 3, 4, 5];
let newArr = arr.filter(item => item % 2 === 0);

console.log(newArr); // [2, 4]

reduce

reduce() 方法对数组中的每个元素执行一个由您提供的 reducer 函数（升序执行），将其结果汇总为单个返回值。

let arr = [1, 2, 3, 4, 5];
let sum = arr.reduce((acc, cur) => acc + cur, 0);

console.log(sum); // 15

forEach

forEach() 方法对数组的每个元素执行一次提供的函数。

let arr = [1, 2, 3, 4, 5];
let newArr = [];
arr.forEach(item => {
  newArr.push(item * 2);
});

console.log(newArr); // [2, 4, 6, 8, 10]

concat

concat() 方法用于合并两个或多个数组，并返回一个新数组。

let arr1 = [1, 2];
let arr2 = [3, 4];
let newArr = arr1.concat(arr2);

console.log(newArr); // [1, 2, 3, 4]

slice

slice() 方法返回一个从开始到结束（不包括结束）选择的数组的一部分浅拷贝到一个新数组对象。原始数组不会被修改。

let arr = [1, 2, 3, 4, 5];
let newArr = arr.slice(0, 2);

console.log(newArr); // [1, 2]

push

push() 方法将一个或多个元素添加到数组的末尾，并返回新数组的长度。

let arr = [1, 2, 3];
let newArr = arr.push(4, 5);

console.log(arr); // [1, 2, 3, 4, 5]

pop

pop() 方法从数组中删除最后一个元素，并返回该元素的值。

let arr = [1, 2, 3, 4, 5];
let last = arr.pop();

console.log(last); // 5

unshift

unshift() 方法将一个或多个元素添加到数组的开头，并返回新数组的长度。

let arr = [2, 3];
let newArr = arr.unshift(1);

console.log(arr); // [1, 2, 3]

shift

shift() 方法从数组中删除第一个元素，并返回该元素的值。

let arr = [1, 2, 3, 4, 5];
let first = arr.shift();

console.log(first); // 1

结论

本文介绍了如何在JavaScript中对数组进行操作，并将操作后的结果存储到另一个数组中。通过使用map、filter、reduce、forEach等方法，可以轻松地对数组进行处理，并得到我们想要的结果。

JavaScript数组操作到另一数组