前端数组方法大全

1.push()

push 是 JavaScript 中数组对象的一个方法，它用于向数组的末尾添加一个或多个元素，并返回修改后的数组的新长度。

语法   

arr.push(element1, element2, ..., elementN)

• arr：要操作的数组。
• element1, element2, ..., elementN：要添加到数组末尾的一个或多个元素

let fruits = ['apple', 'banana']
let newLength = fruits.push('orange', 'pear')
// 现在，fruits 数组变为 ['apple', 'banana', 'orange', 'pear']
// newLength 的值为 4，即新数组的长度

注意事项

• 方法会改变原始数组，并返回新数组的长度。
• 被添���到数组的元素将按照顺序依次添加到数组的末尾。
• push 方法可以接受任意数量的参数，每个参数都会被添加到数组中。

push 方法通常用于向数组中动态添加元素，特别是在需要扩展数组时非常有用

2.pop()

pop() 是 JavaScript 数组对象的一个方法，用于删除数组中的最后一个元素，并返回被删除的元素。

语法

arr.pop()

• arr：要操作的数组。

示例

let fruits = ['apple', 'banana', 'orange'];
let lastFruit = fruits.pop();
// 现在，fruits 数组变为 ['apple', 'banana']，lastFruit 的值为 "orange"

注意事项

• pop() 方法会改变原始数组，并返回被删除的元素。
• 如果数组为空，则 pop() 将不会改变数组，并返回 undefined。
• 这个方法是改变原数组的，它直接修改了数组本身，而不是返回一个新数组。

pop() 方法通常用于从数组中删除最后一个元素。这在需要动态调整数组长度或者处理栈数据结构时非常有用。

3.unshift()

unshift() 是 JavaScript 数组对象的一个方法，用于向数组的开头添加一个或多个元素，并返回修改后的数组的新长度。

语法

arr.unshift(element1, element2, ..., elementN)

• arr：要操作的数组。
• element1, element2, ..., elementN：要添加到数组开头的一个或多个元素。

示例

let fruits = ['apple', 'banana'];
let newLength = fruits.unshift('orange', 'pear');
// 现在，fruits 数组变为 ['orange', 'pear', 'apple', 'banana']
// newLength 的值为 4，即新数组的长度

注意事项

• 方法会改变原始数组，并返回新数组的长度。
• 被添加到数组开头的元素将按照参数列表的顺序依次添加到数组的开头。
• unshift() 方法可以接受任意数量的参数，每个参数都会被添加到数组中。

unshift() 方法通常用于向数组中动态添加元素到开头位置。这在需要插入元素并保持数组顺序时非常有用。

4.shift()

shift() 是 JavaScript 数组对象的一个方法，用于删除数组中的第一个元素，并返回被删除的元素。

语法

arr.shift()

• arr：要操作的数组。

示例

let fruits = ['apple', 'banana', 'orange'];
let firstFruit = fruits.shift();
// 现在，fruits 数组变为 ['banana', 'orange']，firstFruit 的值为 "apple"

注意事项

• shift() 方法会改变原始数组，并返回被删除的元素。
• 如果数组为空，则 shift() 将不会改变数组，并返回 undefined。
• 这个方法是改变原数组的，它直接修改了数组本身，而不是返回一个新数组。

shift() 方法通常用于从数组中删除第一个元素。这在需要按顺序处理队列数据结构或者动态调整数组长度时非常有用

5.concat()

concat() 是 JavaScript 数组对象的一个方法，用于合并两个或多个数组，并返回一个新数组，而不会改变原始数组。

语法

const newConcatArray = arr1.concat(arr2, arr3, ..., arrN)

• arr1, arr2, ..., arrN：要合并的数组。可以是一个或多个数组。

示例

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let newArr = arr1.concat(arr2);
// 现在，newArr 的值为 [1, 2, 3, 4, 5, 6]