JS数组的常用方法|极客笔记

JS数组的常用方法

在JavaScript中，数组是用来存储多个值的数据结构。数组是一种有序的集合，可以通过索引来访问其元素。在实际开发中，经常需要对数组进行各种操作，例如增删改查、排序、筛选等，这就需要使用到数组的一些常用方法。

本文将详细介绍JavaScript中数组的常用方法，包括数组的创建、增删改查、遍历、排序和筛选等内容，希望能帮助大家更好地理解和运用JavaScript中的数组。

创建数组

在JavaScript中，可以通过两种方式来创建数组，一种是使用数组字面量的方式，另一种是使用Array构造函数来创建数组。

使用数组字面量创建数组

// 使用数组字面量创建数组
let colors = ['red', 'green', 'blue'];
console.log(colors); // ['red', 'green', 'blue']

let numbers = [1, 2, 3, 4, 5];
console.log(numbers); // [1, 2, 3, 4, 5]

let emptyArray = [];
console.log(emptyArray); // []

使用Array构造函数创建数组

// 使用Array构造函数创建数组
let colors = new Array('red', 'green', 'blue');
console.log(colors); // ['red', 'green', 'blue']

let numbers = new Array(1, 2, 3, 4, 5);
console.log(numbers); // [1, 2, 3, 4, 5]

let emptyArray = new Array();
console.log(emptyArray); // []

数组的增删改查

访问数组元素

可以通过索引来访问数组中的元素，数组的索引从0开始，依次递增。

let colors = ['red', 'green', 'blue'];

console.log(colors[0]); // red
console.log(colors[1]); // green
console.log(colors[2]); // blue

修改数组元素

可以通过索引来修改数组中的元素。

let colors = ['red', 'green', 'blue'];

colors[1] = 'yellow';
console.log(colors); // ['red', 'yellow', 'blue']

添加数组元素

可以使用push方法向数组末尾添加元素，使用unshift方法向数组开头添加元素。

let colors = ['red', 'green', 'blue'];

colors.push('yellow');
console.log(colors); // ['red', 'green', 'blue', 'yellow']

colors.unshift('purple');
console.log(colors); // ['purple', 'red', 'green', 'blue', 'yellow']

删除数组元素

可以使用pop方法删除数组末尾的元素，使用shift方法删除数组开头的元素。

let colors = ['red', 'green', 'blue'];

colors.pop();
console.log(colors); // ['red', 'green']

colors.shift();
console.log(colors); // ['green']

数组的遍历

for循环遍历数组

可以使用for循环来遍历数组。

let colors = ['red', 'green', 'blue'];

for (let i = 0; i < colors.length; i++) {
    console.log(colors[i]);
}

forEach方法遍历数组

可以使用forEach方法来遍历数组。

let colors = ['red', 'green', 'blue'];

colors.forEach(function(color) {
    console.log(color);
});

数组的排序

可以使用sort方法对数组进行排序，sort方法默认按照字母顺序排序。

let numbers = [3, 1, 4, 1, 5, 9, 2, 6, 5, 3, 5];

numbers.sort();
console.log(numbers); // [1, 1, 2, 3, 3, 4, 5, 5, 5, 6, 9]

如果要按照数字大小进行排序，可以传入一个比较函数作为参数。

let numbers = [3, 1, 4, 1, 5, 9, 2, 6, 5, 3, 5];

numbers.sort(function(a, b) {
    return a - b;
});
console.log(numbers); // [1, 1, 2, 3, 3, 4, 5, 5, 5, 6, 9]

数组的筛选

可以使用filter方法对数组进行筛选，filter方法根据给定的条件返回一个新数组。

let numbers = [3, 1, 4, 1, 5, 9, 2, 6, 5, 3, 5];

let evenNumbers = numbers.filter(function(number) {
    return number % 2 === 0;
});
console.log(evenNumbers); // [4, 2, 6]