js中数组常用的方法

发布时间 2023-07-18 12:01:59作者: 上官靖宇

javascript(js)中数组常用的方法

1.push():向数组末尾添加一个或多个元素,并返回新数组的长度。

const arr = [1, 2, 3];
arr.push(4); // [1, 2, 3, 4]

2.pop():移除数组末尾的元素,并返回被移除的元素。

const arr = [1, 2, 3];
const poppedElement = arr.pop(); // 3, arr变为[1, 2]

3.unshift():向数组开头添加一个或多个元素,并返回新数组的长度。

const arr = [2, 3, 4];
arr.unshift(1); // [1, 2, 3, 4]

4.shift():移除数组开头的元素,并返回被移除的元素。

const arr = [1, 2, 3];
const shiftedElement = arr.shift(); // 1, arr变为[2, 3]

5.合并两个或多个数组,返回一个新数组。concat()

const arr1 = [1, 2];
const arr2 = [3, 4];
const mergedArray = arr1.concat(arr2); // [1, 2, 3, 4]

 6.从数组中截取指定范围的元素,返回一个新数组。slice()

const arr = [1, 2, 3, 4, 5];
const slicedArray = arr.slice(1, 4); // [2, 3, 4]

7.从数组中添加、删除或替换元素,原数组会被修改,并返回被删除的元素组成的数组。splice()

const arr = [1, 2, 3, 4, 5];
const removedElements = arr.splice(1, 2, 6, 7); // [2, 3], arr变为[1, 6, 7, 4, 5]

8.查找指定元素在数组中的第一个索引,如果不存在则返回-1。indexOf()

const arr = [1, 2, 3, 4, 3];
const index = arr.indexOf(3); // 2

9.查找指定元素在数组中的最后一个索引,如果不存在则返回-1。lastIndexOf()

const arr = [1, 2, 3, 4, 3];
const lastIndex = arr.lastIndexOf(3); // 4

10.检查数组是否包含指定元素,返回一个布尔值。includes()

const arr = [1, 2, 3, 4, 5];
const includesElement = arr.includes(3); // true

11.遍历数组的每个元素并执行回调函数。forEach()

const arr = [1, 2, 3];
arr.forEach((element) => {
  console.log(element);
});
// Output:
// 1
// 2
// 3

12.创建一个新数组,其中的元素为原数组元素经过回调函数处理后的值。map()

const arr = [1, 2, 3];
const squaredArr = arr.map((element) => element * element); // [1, 4, 9]

13.创建一个新数组,其中包含满足回调函数条件的元素。filter()

const arr = [1, 2, 3, 4, 5];
const evenNumbers = arr.filter((element) => element % 2 === 0); // [2, 4]

14.对数组中的元素进行累积计算,返回一个最终结果。reduce()

const arr = [1, 2, 3, 4, 5];
const sum = arr.reduce((acc, current) => acc + current, 0); // 15