JavaScript的常用数组方法---改变原数组系列

382 阅读2分钟

本文已参与「新人创作礼」活动,一起开启掘金创作之路。

前言

大家好,我是小麦,数组在我们开发项目的时候肯定会遇到,并且我们会对这个数组数据进行一系列操作,获得我们所需要的数据,今天我们就聊聊JS数组的常用方法,我将会以(不改变原数组)与(改变原数组)两种不同类型的方法进行介绍。

改变原数组的方法

改变原数组的方法有7种,它们分别是(push, pop, shift, unshift, reverse, sort, splice)

push()

定义: 向数组的末尾添加一个或多个元素,并返回新的数组,原数组改变。
示例:

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

pop()

定义: 删除并返回数组的最后一个元素,若该数组为空,则返回undefined,原数组改变。
示例:

let arr = [1, 2, 3];
let result = arr.pop();
// arr = [1, 2];
// result = 7;

unshift()

定义: 向数组的开头添加一个或多个元素,并返回新的数组长度,原数组改变。
示例:

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

shift()

定义: 删除数组的第一项,并返回第一个元素的值。若该数组为空,则返回undefined,原数组改变。
示例:

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

reverse()

定义: 将数组的元素倒序,原数组改变。
示例:

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

sort()

定义: 数组元素进行排序,按照字符串UniCode码排序,原数组改变。
示例:

let arr = [11, 2, 33, 4, 8];
// 从小到大
arr.sort((a, b) => a-b);
// arr = [2, 4, 8, 11, 33];

// 从大到小
arr.sort((a, b) => b-a);
// arr = [33, 11, 8, 4, 2];

splice()

定义: Array.splice(index, N, arr1, arr2…),用于添加或删除数组中的元素。从index位置开始删除N个元素,并将arr1、arr2…数据从index位置依次插入。N为0时,则不删除元素,原数组改变。
示例:

let arr = [1, 2, 3];
arr.splice(2, 1, "肆", "伍");
// arr = [1, 2, 3, "肆", "伍"];