JS中操作数组的方法（涵盖ES6）

您所在的位置：网站首页 › js将数组转化为对象 › JS中操作数组的方法（涵盖ES6）

JS中操作数组的方法（涵盖ES6）

2023-05-28 01:31| 来源: 网络整理| 查看: 265

一、常用的 JavaScript 操作数组的方法

1.push() 和 pop()：在数组末尾添加或删除元素。

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

2.shift() 和 unshift()：在数组头部删除或添加元素。

let arr = [1, 2, 3]; arr.unshift(0); // [0, 1, 2, 3] arr.shift(); // [1, 2, 3]

3.splice()：在任意位置添加或删除元素。如果删除一个元素，则返回一个元素的数组。如果未删除任何元素，则返回空数组。(改变原始数组)

let arr = [1, 2, 3]; arr.splice(1, 1, 4); // [1, 4, 3]

4.slice()：截取数组的一部分

let arr = [1, 2, 3]; let subArr = arr.slice(0, 2); // [1, 2]

5.concat()：串联多个数组。

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

6.filter()：根据条件过滤数组。

let arr = [1, 2, 3, 4, 5]; let evenArr = arr.filter((num) => num % 2 === 0); // [2, 4]

7.map()：根据条件映射数组（返回一个新数组）。

let arr = [1, 2, 3]; let doubleArr = arr.map((num) => num * 2); // [2, 4, 6]

8.reduce()：将数组缩减为单个值（数组求和）。

let arr = [1, 2, 3]; let sum = arr.reduce((acc, num) => acc + num, 0); // 6

9.find()：返回满足条件的第一个数组元素。

let arr = [1, 2, 3]; let firstEven = arr.find((num) => num % 2 === 0); // 2

10.findIndex()：返回满足条件的第一个数组元素的索引。

let arr = [1, 2, 3]; let firstEvenIndex = arr.findIndex((num) => num % 2 === 0); // 1

11.some() 和 every()：判断数组中是否有满足指定条件的元素。

let arr = [1, 2, 3]; let hasEven = arr.some((num) => num % 2 === 0); // true let allEven = arr.every((num) => num % 2 === 0); // false

12.includes()：检查数组中是否包含特定元素（用于引用对象）。

let arr = [1, 2, 3]; let includes2 = arr.includes(2); // true let includes4 = arr.includes(4); // false

13.flat()：将嵌套数组拍平为一维数组。

let arr = [1, 2, [3, 4]]; let flatArr = arr.flat(); // [1, 2, 3, 4]

14.fill()：用指定值填充数组。

let arr = new Array(3).fill(0); // [0, 0, 0]

15.sort()：按照某个规则排序数组。

let arr = [3, 2, 1]; arr.sort(); // [1, 2, 3] var points = [40,100,1,5,25,10]; points.sort(function(a,b){return a-b}); // 1,5,10,25,40,100 var points = [40,100,1,5,25,10]; points.sort(function(a,b){return b-a}); // 100,40,25,10,5,1

16.entries()、keys() 和 values()：遍历数组并返回一个迭代器对象，分别包括数组的键、键名和值。

let arr = ["a", "b", "c"]; for (let [index, item] of arr.entries()) { console.log(index, item); // 0 'a' 1 'b' 2 'c' }

17. from()：将类数组对象或可迭代对象转化为数组。

let str = "abc"; let arr = Array.from(str); // ['a', 'b', 'c']

18.Array.of()：创建由任意数量参数组成的数组。

let arr = Array.of(1, 2, 3); // [1, 2, 3]

19.copyWithin()：在数组内部进行元素替换。

let arr = [1, 2, 3, 4]; arr.copyWithin(1, 2, 3); // [1,3,3,4] 复制数组的前面两个元素到第三和第四个位置上： var fruits = ["Banana", "Orange", "Apple", "Mango", "Kiwi", "Papaya"]; fruits.copyWithin(2, 0, 2); //Banana,Orange,Banana,Orange,Kiwi,Papaya 复制数组的前面两个元素到后面两个元素上： var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.copyWithin(2, 0); //Banana,Orange,Banana,Orange

20.Symbol.species：可以通过 Symbol.species 改变数组方法的返回类型。

class MyArray extends Array { static get [Symbol.species]() { return Array; } } let arr = new MyArray(1, 2, 3); let newArr = arr.map((num) => num * 2); console.log(newArr instanceof MyArray); // false console.log(newArr instanceof Array); // true

21.reduceRight()：类似于 reduce()，但是从右到左迭代。

let arr = [1, 2, 3]; let sum = arr.reduceRight((acc, num) => acc + num, 0); // 6

22.flatMap()：类似于 map()，但是可以将嵌套的数组拍平后再进行映射。

let arr = ["hello world", "i am learning javascript"]; let words = arr.flatMap((str) => str.split(" ")); // ["hello", "world", "i", "am", "learning", "javascript"]

23.everyNth()：返回数组中每个第 n 个元素。

let arr = [1, 2, 3, 4, 5]; function everyNth(arr, nth) { return arr.filter((val, index) => index % nth === nth - 1); } let result = everyNth(arr, 2); // [2, 4]

24.zip()：将多个数组转化为一个数组，其中第 i 个元素包括所有数组的第 i 个元素。

function zip(...arrays) { return [...arrays].reduce((acc, arr) => { return arr.map((val, i) => (acc[i] || []).concat(val)); }, []); } let arr1 = [1, 2, 3]; let arr2 = ["a", "b", "c"]; let arr3 = [true, false, true]; let zipped = zip(arr1, arr2, arr3); // [[1, 'a', true], [2, 'b', false], [3, 'c', true]]

【本文地址】

JS中操作数组的方法（涵盖ES6）

JS中操作数组的方法（涵盖ES6）

今日新闻

推荐新闻