最新JS数组常用方法

提示：内容有错可联系我及时改正

提示：以下是本篇文章正文内容，下面案例可供参考

1、push()

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

let arr = [1, 2, 3];
arr.push(4);
console.log(arr); // 输出: [1, 2, 3, 4]

2、pop()

pop(): 移除并返回数组的最后一个元素。

let arr = [1, 2, 3];
let lastElement = arr.pop();
console.log(lastElement); // 输出: 3
console.log(arr); // 输出: [1, 2]

3、shift()

shift(): 移除并返回数组的第一个元素。

let arr = [1, 2, 3];
let firstElement = arr.shift();
console.log(firstElement); // 输出: 1
console.log(arr); // 输出: [2, 3]

4、unshift()

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

let arr = [1, 2, 3];
arr.unshift(0);
console.log(arr); // 输出: [0, 1, 2, 3]

5、concat()

concat(): 连接两个或多个数组，并返回新的数组。

let arr1 = [1, 2];
let arr2 = [3, 4];
let newArr = arr1.concat(arr2);
console.log(newArr); // 输出: [1, 2, 3, 4]

6、splice()

splice(): 修改数组，删除、替换或插入元素。

let arr = [1, 2, 3, 4, 5];
let newArr = arr.slice(2, 4);
console.log(newArr); // 输出: [3, 4]

7、forEach()

forEach(): 遍历数组并对每个元素执行指定的函数。

let arr = [1, 2, 3];
arr.forEach(function(element) {
  console.log(element);
});

8、filter()

filter(): 遍历数组并根据指定的条件筛选出符合条件的元素，返回一个新数组。
filter() 不会对空数组进行检测。

filter() 不会改变原始数组。

参数：currentValue当前元素的值

​ index当前元素的索引值

​ arr当前元素属于的数组对象

let arr = [1, 2, 3, 4, 5];
let newArr = arr.filter(function(element) {
  return element % 2 === 0;
});
console.log(newArr); // 输出: [2, 4]

9、join()

join(): 将数组的所有元素连接成一个字符串，使用指定的分隔符。

let arr = ['Hello', 'World'];
let str = arr.join(' ');
console.log(str); // 输出: "Hello World"

10、reverse()

reverse(): 反转数组的顺序，修改原数组。

let arr = [1, 2, 3, 4, 5];
arr.reverse();
console.log(arr); // 输出: [5, 4, 3, 2, 1]

11、findIndex()

findIndex(): 返回数组中满足指定条件的第一个元素的索引，如果未找到则返回-1。

let arr = [1, 2, 3, 4, 5];
let index = arr.findIndex(function(element) {
  return element > 3;
});
console.log(index); // 输出: 3

12、indexOf()

indexOf(): 返回数组中第一个匹配指定元素的索引，如果未找到则返回-1。
如果没有找到匹配的字符串则返回 -1。

indexOf() 方法区分大小写。

参数：search value 必须，规定需要检查的字符串值

​ start 可选，规定在自负串开始检索的位置，如果省略，则将从字符串的首字符开始检索

let arr = [1, 2, 3, 4, 5];
let index = arr.indexOf(3);
console.log(index); // 输出: 2

13、sort()

sort(): 对数组进行排序，修改原数组。

let arr = [3, 1, 4, 2, 5];
arr.sort();
console.log(arr); // 输出: [1, 2, 3, 4, 5]

14、lastIndexOf()

lastIndexOf(): 返回数组中指定元素最后一次出现的索引，从数组的末尾开始搜索。如果未找到指定元素，则返回-1。

let arr = [1, 2, 3, 4, 2, 5];
let lastIndex = arr.lastIndexOf(2);
console.log(lastIndex); // 输出: 4

15、concat()

concat(): 连接两个或多个数组，返回一个新数组。

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let newArr = arr1.concat(arr2);
console.log(newArr); // 输出: [1, 2, 3, 4, 5, 6]

16、find()

find(): 返回数组中满足指定条件的第一个元素，如果未找到则返回undefined。
find() 方法为数组中的每个元素都调用一次函数执行：

当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素，之后的值不会再调用执行函数。
如果没有符合条件的元素返回 undefined
find() 对于空数组，函数是不会执行的。

find() 并没有改变数组的原始值。

let arr = [1, 2, 3, 4, 5];
let result = arr.find(function(element) {
  return element > 3;
});
console.log(result); // 输出: 4

17、some()

some(): 判断数组中是否至少有一个元素满足指定条件，返回一个布尔值。
some() 方法会依次执行数组的每个元素：

如果有一个元素满足条件，则表达式返回true , 剩余的元素不会再执行检测。
如果没有满足条件的元素，则返回false。
some() 不会对空数组进行检测。

some() 不会改变原始数组。

参数：currentValue当前元素的值

​ index当前元素的索引值

​ arr当前元素属于的数组对象

let arr = [1, 2, 3, 4, 5];
let hasEvenNumber = arr.some(function(element) {
  return element % 2 === 0;
});
console.log(hasEvenNumber); // 输出: true

18、every()

every(): 判断数组中的所有元素是否都满足指定条件，返回一个布尔值。
every() 方法使用指定函数检测数组中的所有元素：

如果数组中检测到有一个元素不满足，则整个表达式返回 false ，且剩余的元素不会再进行检测。
如果所有元素都满足条件，则返回 true。
every() 不会对空数组进行检测。

every() 不会改变原始数组。

参数：currentValue当前元素的值

​ index当前元素的索引值

​ arr当前元素属于的数组对象

let arr = [1, 2, 3, 4, 5];
let allEvenNumbers = arr.every(function(element) {
  return element % 2 === 0;
});
console.log(allEvenNumbers); // 输出: false

19、map()

map(): 对数组中的每个元素执行指定的操作，并返回一个新数组
map() 方法按照原始数组元素顺序依次处理元素。

参数：currentValue当前元素的值

​ index当前元素的索引值

​ arr当前元素属于的数组对象

let arr = [1, 2, 3, 4, 5];
let newArr = arr.map(function(element) {
  return element * 2;
});
console.log(newArr); // 输出: [2, 4, 6, 8, 10]

20、splice()

splice(): 修改数组，删除、替换或插入元素。
这种方法会改变原始数组。

如果仅删除一个元素，则返回一个元素的数组。 如果未删除任何元素，则返回空数组。

参数：index 必须，规定从何处添加/删除元素。该参数是开始插入和删除的数组元素的下标，必须是数字

​ howmany 可选，规定应该删除多少元素。必须是数字，但可以是“0”，如果为规定此参数，则删除从index开始到原数组结 尾的所有元素。

​ item…itemX 可选，要添加到数组的新元素

let arr = [1, 2, 3, 4, 5];
let removed = arr.splice(2, 2, 'a', 'b');
console.log(arr); // 输出: [1, 2, 'a', 'b', 5]
console.log(removed); // 输出: [3, 4]

21、includes()

includes(): 判断数组是否包含指定元素，返回一个布尔值。

let arr = [1, 2, 3, 4, 5];
let includes = arr.includes(3);
console.log(includes); // 输出: true