js数组常用的方法

在JavaScript中，数组是一种非常重要的数据类型。数组提供了一系列常用的方法，可以方便地对数组进行操作和处理。本文将介绍JavaScript中几种常用的数组方法的含义、返回值以及是否改变原数组。

一、push()

push()方法可以将一个或多个元素添加到数组的末尾，并返回数组的新长度。例如：

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

push()方法会改变原数组。

二、pop()

pop()方法可以移除数组的最后一个元素，并返回该元素的值。例如：

const arr = [1, 2, 3]; 
const last = arr.pop(); 
console.log(last); // 3 
console.log(arr); // [1, 2]

pop()方法会改变原数组。

三、shift()

shift()方法可以移除数组的第一个元素，并返回该元素的值。例如：

const arr = [1, 2, 3]; 
const first = arr.shift(); 
console.log(first); // 1 
console.log(arr); // [2, 3]

shift()方法会改变原数组。

四、unshift()

unshift()方法可以将一个或多个元素添加到数组的开头，并返回数组的新长度。例如：

const arr = [1, 2, 3]; 
arr.unshift(0); 
console.log(arr); // [0, 1, 2, 3]

unshift()方法会改变原数组。

五、concat()

concat()方法可以将两个或多个数组合并为一个新数组，并返回该新数组。例如：

const arr1 = [1, 2]; 
const arr2 = [3, 4]; 
const arr = arr1.concat(arr2); 
console.log(arr); // [1, 2, 3, 4]`

concat()方法不会改变原数组。

六、slice()

slice()方法可以返回指定索引范围内的元素，但不会修改原数组。例如：

const arr = [1, 2, 3, 4, 5]; 
const subArr = arr.slice(1, 3); 
console.log(subArr); // [2, 3] 
console.log(arr); // [1, 2, 3, 4, 5]

slice()方法不会改变原数组。

七、splice()

splice()方法可以向数组中添加或删除元素，并返回被删除的元素。例如：

const arr = [1, 2, 3, 4, 5]; 
const removed = arr.splice(1, 2); 
console.log(removed); // [2, 3] 
console.log(arr); // [1, 4, 5]

splice()方法会改变原数组。

八、forEach()

forEach()方法可以对数组中的每个元素执行一个函数，并不会影响原数组。例如：

const arr = [1, 2, 3]; 
arr.forEach(item => {   console.log(item); });

forEach()方法不会改变原数组。

九、map()

map()方法可以对数组中的每个元素应用一个函数，并返回一个新的数组，其中包含每个函数调用的结果。例如：

const arr = [1, 2, 3];
const newArr = arr.map(item => item * 2);
console.log(newArr); // [2, 4, 6]

map()方法不会改变原数组。

十、filter()

filter()方法可以过滤出符合条件的数组元素，并返回一个新的数组。例如：

const arr = [1, 2, 3, 4, 5]; 
const filteredArr = arr.filter(item => item % 2 == 0); 
console.log(filteredArr); // [2, 4]

filter()方法不会改变原数组。

总结：
本文介绍了JavaScript中常用的数组方法，包括它们的含义、返回值以及是否改变原数组。这些方法可以方便地对数组进行操作和处理，让我们在开发中更加高效地对数组进行操作。同时需要注意，有些方法会改变原数组，而有些方法并不会改变原数组。

作者：郝绪男