数组常用的方法

数组，是JavaScript中的一种数据格式，在JavaScript中经常使用。作为一名前端工程师，掌握Array的用法非常重要！

那么，常用的数组方法你知道几个呢？

如果不知道也没有关系，今天这篇文章将汇总详细介绍Array中常用的一些方法，一起来学习一下吧！

01、push

功能：向数组末尾添加一个或多个元素，并返回数组的新长度。

//push()arry.push(element1,element2,...,elementN)

参数说明：element1、element2、…、elementN 是要添加到数组末尾的元素。

用法示例：

1. 将单个元素添加到数组末尾；

const numbers = [1, 2, 3];const length = numbers.push(4);console.log(numbers);  // [1, 2, 3, 4]console.log(length);   // 4

2、向数组末尾添加多个元素；

​​​​​​​

const fruits = ['apple', 'banana'];fruits.push('kiwi', 'orange');console.log(fruits);  // ['apple', 'banana', 'kiwi', 'orange']

02、pop

功能：删除并返回数组最后一个元素

注意：pop()方法会修改原数组，并将数组长度减一。

用法示例：

​​​​​​​

const fruits = ['apple', 'banana', 'kiwi'];const removedElement = fruits.pop();console.log(fruits);          // ['apple', 'banana']console.log(removedElement);  // 'kiwi'

03、shift

功能：删除并返回数组的第一个元素

用法示例：

1、使用shift删除元素，bing返回删除的元素；

​​​​​​​

const fruits = ['apple', 'banana', 'kiwi'];const removedElement = fruits.shift();console.log(fruits);          // ['banana', 'kiwi']console.log(removedElement);  // 'apple'

2.如果删除空数组，结果将返回undefined；​​​​​​​

const emptyArray = [];const removedElement = emptyArray.shift();console.log(emptyArray);     // []console.log(removedElement);  // undefined

04、unshift

功能：向数组开头添加一个或多个元素，并返回数组的新长度​​​​​​​

//unshift()arry.unshif(element1,element2,...,elementN)

element1、element2、...、elementN 是要添加到数组开头的元素。

用法示例：

1.基本用法，添加单个元素；​​​​​​​

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

2.添加多个元素；​​​​​​​

const fruits = ['banana', 'orange'];fruits.unshift('apple', 'kiwi');console.log(fruits);  // ['apple', 'kiwi', 'banana', 'orange']

05、concat

功能：将两个或多个数组合并成一个新数组

value1, value2, …, valueN 是要连接的数组或值。

用法示例：

1. 连接两个数组：​​​​​​​