数组常用方法

简介: 数组常用方法

在JavaScript中,数组是一种常用的数据结构,提供了许多用于操作和处理数据的方法。以下是一些常见的数组相关方法:

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

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

2.pop(): 删除数组的最后一个元素,并返回被删除的元素。

1. const arr = [1, 2, 3];
2. const removedElement = arr.pop();
3. console.log(arr); // [1, 2]
4. console.log(removedElement); // 3

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

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

4.shift(): 删除数组的第一个元素,并返回被删除的元素。

1. const arr = [1, 2, 3];
2. const removedElement = arr.shift();
3. console.log(arr); // [2, 3]
4. console.log(removedElement); // 1

5.splice(): 用于在指定位置修改数组,可以删除、添加或替换元素。

1. const arr = [1, 2, 3, 4, 5];
2. // 从索引1开始删除2个元素,并添加6、7
3. arr.splice(1, 2, 6, 7);
4. console.log(arr); // [1, 6, 7, 4, 5]

6.slice(): 用于截取数组的一部分,返回一个新的数组,原数组不变。

1. const arr = [1, 2, 3, 4, 5];
2. const slicedArr = arr.slice(1, 4); // 从索引1开始,截取到索引4之前(不包括4)
3. console.log(slicedArr); // [2, 3, 4]

7.concat(): 用于连接两个或多个数组,返回一个新的数组。

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

8.forEach(): 对数组的每个元素执行指定的函数。

1. const arr = [1, 2, 3];
2. arr.forEach((item, index) => {
3.   console.log(`Index: ${index}, Item: ${item}`);
4. });
5. // Output:
6. // Index: 0, Item: 1
7. // Index: 1, Item: 2
8. // Index: 2, Item: 3

9.map(): 返回一个新数组,对原数组的每个元素执行指定的函数,并将结果放入新数组。

1. const arr = [1, 2, 3];
2. const newArr = arr.map(item => item * 2);
3. console.log(newArr); // [2, 4, 6]

10.filter(): 返回一个新数组,保留满足指定条件的元素。

1. const arr = [1, 2, 3, 4, 5];
2. const newArr = arr.filter(item => item > 2);
3. console.log(newArr); // [3, 4, 5]

11.reduce(): 对数组的每个元素执行指定的归约函数,返回一个累积值。

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

这只是一部分还有更多可以百度搜索浏览,谢谢观看。

目录
相关文章
|
1月前
数组的常用方法
数组的常用方法
16 0
|
6月前
|
存储 算法 Java
Java数组与集合的深入解析
Java数组与集合的深入解析
54 0
|
6月前
|
JavaScript 前端开发 索引
数组相关方法
数组相关方法
37 0
|
6月前
|
Java 索引
JAVA数组的常用方法
JAVA数组的常用方法
76 1
|
6月前
字符串常用方法
字符串常用方法
|
JavaScript
【JS面向对象编程常用方法】
【JS面向对象编程常用方法】
51 0
|
11月前
|
BI C# 数据安全/隐私保护
C# 字符串常用方法的详细讲解和应用
C# 字符串常用方法的详细讲解和应用
数组的相关方法
数组的相关方法
48 0