JS数组的基本使用总结

什么是数组

数组是一种特殊的对象，可以用来存储一组有序的数据。数组的每个元素都有一个索引，以此来确定元素在数组中的位置。

创建和使用数组

在JavaScript中，我们可以使用以下两种方式来创建数组：

直接声明

let arr = [1, 2, 3, 4, 5];

通过构造函数创建

let arr = new Array(1, 2, 3, 4, 5);

数组中每个元素的索引从0开始。可以像操作单个变量那样操作数组的元素，例如：

let arr = [1, 2, 3, 4, 5];
console.log(arr[0]); // 输出1
console.log(arr[2]); // 输出3

arr[1] = 6;
console.log(arr); // 输出[1, 6, 3, 4, 5]

数组的常用方法

push()和pop()

push()方法用于在数组的末尾添加一个或多个元素，pop()方法用于删除数组的最后一个元素。

let arr = [1, 2, 3];
arr.push(4, 5);
console.log(arr); // 输出[1, 2, 3, 4, 5]

arr.pop();
console.log(arr); // 输出[1, 2, 3, 4]

shift()和unshift()

shift()方法用于删除数组的第一个元素，unshift()方法用于在数组的开头添加一个或多个元素。

let arr = [1, 2, 3];
arr.unshift(4, 5);
console.log(arr); // 输出[4, 5, 1, 2, 3]

arr.shift();
console.log(arr); // 输出[5, 1, 2, 3]

join()

join()方法将数组中的所有元素转换为字符串，并返回该字符串。可以指定一个字符串作为参数，该字符串将作为分隔符。

let arr = [1, 2, 3];
let str = arr.join('-');
console.log(str); // 输出"1-2-3"

slice()

slice()方法返回一个从指定索引开始到结束索引（不包括结束索引）之间的新数组。如果省略结束索引，则将从指定索引后面的所有元素都包括进来。

let arr = [1, 2, 3, 4, 5];
let newArr = arr.slice(1, 4);
console.log(newArr); // 输出[2, 3, 4]

let newArr2 = arr.slice(2);
console.log(newArr2); // 输出[3, 4, 5]

示例说明

示例1：筛选数组中的偶数元素

let arr = [1, 2, 3, 4, 5];
let evenArr = [];

for (let i = 0; i < arr.length; i++) {
  if (arr[i] % 2 === 0) {
    evenArr.push(arr[i]);
  }
}

console.log(evenArr); // 输出[2, 4]

示例2：翻转数组

let arr = [1, 2, 3, 4, 5];
let newArr = [];

for (let i = arr.length - 1; i >= 0; i--) {
  newArr.push(arr[i]);
}

console.log(newArr); // 输出[5, 4, 3, 2, 1]

以上就是JS数组的基本使用总结。通过了解数组的各种方法，能够更好地掌握JavaScript的语法，提高编程能力。