最新通知
js 数组Mutator会改变数组自身的值
阅读次数:768 最后编辑时间:2022年04月07日

概述

Mutator”突变方法”会改变数组自身的值;

1.[ ].push


作用:将一个或多个元素添加到数组的末尾;

传参:(单个或多个数组元素);

返回值:新数组的长度;

实例:

//标准用法
arr.push(el1, el2 ……elN);
//合并两个数组
[].push.apply(arr1, arr2)

2.[].pop()


作用:删除最后一个元素;

传参:无;

返回值:删除的元素。

实例:

//标准用法
let arr = [1 ,2 ,3 ];
arr.pop();//3

3.[ ].unshift


作用:将一个或多个元素添加到数组的开头;

传参:(单个或多个数组元素);

返回值:新数组的长度;

实例:

//标准用法
arr.unshift(el1, el2 ……elN);

4.[].shift()


作用:删除第一个元素;

传参:无;

返回值:删除的元素。

实例:

//标准用法
let arr = [1 ,2 ,3 ];
arr.shift();//1

5.[].reverse()


作用:数组元素颠倒位置;

传参:无;

返回值:颠倒后的数组。

实例:

//标准用法
arr.reverse()

6.[].splice()


作用: 向/从数组中添加/删除项目,然后返回被删除的项目;

传参:(索引,删除个数【选】,要添加的元素【选】);

返回值:被删除的元素组成的一个数组。

实例:

//标准用法
array.splice(start)
array.splice(start, deleteCount)
array.splice(start, deleteCount, item1, item2, ...)

7.[].fill()


作用:用一个固定值填充一个数组中从起始索引到终止索引内的全部元素;

传参:(用来填充数组元素的值,起始索引【选】,终止索引【选】);

返回值:修改后的数组。

实例:

//标准用法
arr.fill(value)
arr.fill(value, start)
arr.fill(value, start, end)

//例子
[1, 2, 3].fill(4)            // [4, 4, 4]
[1, 2, 3].fill(4, 1)         // [1, 4, 4]
[1, 2, 3].fill(4, 1, 2)      // [1, 4, 3]

8.[].sort()


作用:对数组的元素进行排序,并返回数组;

传参:(指定排列顺序的函数【选】);

返回值:排列后的数组。

实例:

//标准用法
arr.sort()
arr.sort(compareFunction)

//例子
let numbers = [4, 2, 5, 1, 3];
numbers.sort((a, b) => {
    return a - b;
});

// [1, 2, 3, 4, 5]