快速记住JavaScript数组API的5个分类及其常用API

2023-10-10 02:09:20

1. 创建和初始化数组

我们可以使用Array()构造函数来创建数组。如果我们不指定数组的长度，则它将创建一个空数组。如果我们指定数组的长度，则它将创建一个指定长度的数组，并用undefined填充数组中的元素。

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

const arrayWithLength = new Array(5);
console.log(arrayWithLength); // [undefined, undefined, undefined, undefined, undefined]

也可以使用字面量语法来创建数组。字面量语法是一种更简洁的方式来创建数组。

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

2. 访问数组元素

我们可以使用索引来访问数组中的元素。索引是从0开始的，并且不能超过数组的长度。如果我们尝试访问一个不存在的索引，则会抛出一个错误。

const array = [1, 2, 3, 4, 5];
console.log(array[0]); // 1
console.log(array[2]); // 3
console.log(array[5]); // undefined

3. 添加和删除数组元素

我们可以使用push()和pop()方法来添加和删除数组元素。push()方法将一个元素添加到数组的末尾，而pop()方法将数组最后一个元素删除并返回。

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

array.pop();
console.log(array); // [1, 2, 3, 4, 5]

4. 遍历数组

我们可以使用forEach()、map()和filter()方法来遍历数组。

forEach()方法对数组中的每个元素执行一个指定的函数。
map()方法对数组中的每个元素执行一个指定的函数，并将结果返回为一个新的数组。
filter()方法对数组中的每个元素执行一个指定的函数，并将返回true的元素返回为一个新的数组。

const array = [1, 2, 3, 4, 5];

array.forEach((element) => {
  console.log(element);
});

const doubledArray = array.map((element) => {
  return element * 2;
});
console.log(doubledArray); // [2, 4, 6, 8, 10]

const evenArray = array.filter((element) => {
  return element % 2 === 0;
});
console.log(evenArray); // [2, 4]

5. 排序和查找数组元素

我们可以使用sort()和findIndex()方法来对数组元素进行排序和查找。

sort()方法对数组中的元素进行排序。
findIndex()方法返回数组中第一个满足指定条件的元素的索引。

const array = [1, 3, 2, 5, 4];

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

const index = array.findIndex((element) => {
  return element === 3;
});
console.log(index); // 2