JavaScript 中的数组方法有哪些?

简介: JavaScript 中的数组方法有哪些?

JavaScript 中的数组对象提供了许多有用的方法来处理数组元素。以下是一些常见的数组方法:

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

javascript
let array = [1, 2, 3];
array.push(4);
console.log(array); // [1, 2, 3, 4]
pop():删除并返回数组的最后一个元素。

javascript
let array = [1, 2, 3];
let lastElement = array.pop();
console.log(array); // [1, 2]
console.log(lastElement); // 3
shift():删除并返回数组的第一个元素。

javascript
let array = [1, 2, 3];
let firstElement = array.shift();
console.log(array); // [2, 3]
console.log(firstElement); // 1
unshift():向数组的开头添加一个或多个元素,并返回新的长度。

javascript
let array = [1, 2, 3];
array.unshift(0);
console.log(array); // [0, 1, 2, 3]
slice():返回一个新的数组对象,这一对象是一个由开始到结束(不包括结束)选择的、由原数组的浅拷贝构成。原始数组不会被改变。

javascript
let array = [1, 2, 3, 4, 5];
let newArray = array.slice(1, 3);
console.log(newArray); // [2, 3]
splice():通过删除或替换现有元素或者添加新元素来修改数组,并以数组形式返回被修改的内容。此方法会改变原数组。

javascript
let array = [1, 2, 3, 4, 5];
let removed = array.splice(1, 2, 'a', 'b');
console.log(array); // [1, 'a', 'b', 5]
console.log(removed); // [2, 3]
concat():用于合并两个或多个数组。此方法不会更改现有数组,而是返回一个新数组。

javascript
let array1 = [1, 2, 3];
let array2 = [4, 5, 6];
let newArray = array1.concat(array2);
console.log(newArray); // [1, 2, 3, 4, 5, 6]
join():把数组的所有元素放入一个字符串中。元素通过指定的分隔符进行分隔。

javascript
let array = [1, 2, 3];
let str = array.join(', ');
console.log(str); // "1, 2, 3"
reverse():颠倒数组中元素的顺序。

javascript
let array = [1, 2, 3];
array.reverse();
console.log(array); // [3, 2, 1]
sort():对数组的元素进行排序,并返回数组。排序不一定是稳定的。默认排序顺序是根据字符串Unicode码点。

javascript
let array = [5, 1, 4, 2, 8];
array.sort();
console.log(array); // [1, 2, 4, 5, 8]
map():创建一个新数组,其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。

javascript
let array = [1, 2, 3];
let newArray = array.map(x => x * 2);
console.log(newArray); // [2, 4, 6]
filter():创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。

javascript
let array = [1, 2, 3, 4, 5];
let newArray = array.filter(x => x > 3);
console.log(newArray); // [4, 5]
reduce():对累加器和数组中的每个元素(从左到右)应用一个函数,将其减少为单个输出值。

javascript
let array = [1, 2, 3,

目录
相关文章
|
6月前
|
JavaScript 前端开发
手写JavaScript中的数组方法(上)
手写JavaScript中的数组方法(上)
27 0
|
6月前
|
JavaScript 前端开发
手写JavaScript数组方法(下)
手写JavaScript数组方法(下)
18 0
手写JavaScript数组方法(下)
|
8月前
|
JavaScript 前端开发 索引
JavaScript 手写代码 第七期(重写数组方法三) 用于遍历的方法
JavaScript 手写代码 第七期(重写数组方法三) 用于遍历的方法
37 0
|
8月前
|
JavaScript 前端开发 索引
JavaScript 手写代码 第六期(重写数组方法二)不改变原数组的方法
JavaScript 手写代码 第六期(重写数组方法二)不改变原数组的方法
41 0
|
8月前
|
JavaScript 前端开发 索引
JavaScript 手写代码 第五期(重写数组方法一)-可以改变原数组的方法
JavaScript 手写代码 第五期(重写数组方法一)-可以改变原数组的方法
50 0
|
9月前
|
JSON JavaScript 前端开发
JavaScript js数组方法的介绍以及使用 以及JSON使用
JavaScript js数组方法的介绍以及使用 以及JSON使用
|
10月前
|
JavaScript 前端开发 索引
javascript 数组方法
javascript 数组方法
|
11月前
|
JavaScript 前端开发
JavaScript百炼成仙1.16 数组方法
JavaScript百炼成仙1.16 数组方法
143 0
|
JavaScript 前端开发 索引
Javascript常见数组方法详解
Javascript常见数组方法详解
71 0
|
JavaScript 前端开发
JavaScript 数组的力量隐藏在数组方法中
JavaScript 数组的力量隐藏在数组方法中
53 0