JavaScript原生数组Array常用方法

当我们使用JavaScript编写程序时，使用数组是非常常见的。在JavaScript提供的原生数组Array中，有很多常用的方法，本文将对这些方法进行详细讲解。

Array常用方法

下面是Array常用方法的详细说明：

push()

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

let arr1 = ['apple', 'banana'];
let count1 = arr1.push('orange', 'peach');
console.log(arr1);  // 输出：['apple', 'banana', 'orange', 'peach']
console.log(count1);  // 输出：4

pop()

pop()方法删除并返回数组的最后一个元素。例如：

let arr2 = ['apple', 'banana', 'orange', 'peach'];
let last = arr2.pop();
console.log(arr2);  // 输出：['apple', 'banana', 'orange']
console.log(last);  // 输出：'peach'

shift()

shift()方法删除并返回数组的第一个元素。例如：

let arr3 = ['apple', 'banana', 'orange', 'peach'];
let first = arr3.shift();
console.log(arr3);  // 输出：['banana', 'orange', 'peach']
console.log(first);  // 输出：'apple'

unshift()

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

let arr4 = ['apple', 'banana'];
let count2 = arr4.unshift('orange', 'peach');
console.log(arr4);  // 输出：['orange', 'peach', 'apple', 'banana']
console.log(count2);  // 输出：4

slice()

slice()方法从数组中选择一个部分并返回一个新数组。例如：

let arr5 = ['apple', 'banana', 'orange', 'peach'];
let subArr = arr5.slice(1, 3);
console.log(subArr);  // 输出：['banana', 'orange']

splice()

splice()方法删除或替换数组的元素，并返回被删除的元素。例如：

let arr6 = ['apple', 'banana', 'orange', 'peach'];
let removeArr = arr6.splice(1, 2, 'cherry', 'pear');
console.log(arr6);  // 输出：['apple', 'cherry', 'pear', 'peach']
console.log(removeArr);  // 输出：['banana', 'orange']

join()

join()方法将数组的所有元素连接成一个字符串，并返回这个字符串。例如：

let arr7 = ['apple', 'banana', 'orange', 'peach'];
let strArr = arr7.join(' and ');
console.log(strArr);  // 输出：'apple and banana and orange and peach'

concat()

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

let arr8 = ['apple', 'banana'];
let arr9 = ['orange', 'peach'];
let mergeArr = arr8.concat(arr9);
console.log(mergeArr);  // 输出：['apple', 'banana', 'orange', 'peach']

forEach()

forEach()方法对数组的每个元素执行一次提供的函数。例如：

let arr10 = ['apple', 'banana', 'orange', 'peach'];
arr10.forEach(function(item, index) {
  console.log(`${index}: ${item}`);
});
// 输出：
// 0: apple
// 1: banana
// 2: orange
// 3: peach

filter()

filter()方法创建一个新数组，其中包含通过提供的函数实现筛选的所有元素。例如：

let arr11 = [1, 2, 3, 4, 5];
let filterArr = arr11.filter(function(item) {
  return item % 2 === 0;
});
console.log(filterArr);  // 输出：[2, 4]

结束语

本文介绍了JavaScript原生数组Array的常用方法，从push和pop、shift和unshift、slice和splice、join和concat到forEach和filter，这些方法在我们的日常开发中都是非常有用的。希望本文能够对读者有所帮助。