数组,是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. 连接两个数组: