JS数组对象|极客笔记

JS数组对象

在JavaScript中，数组是一种用于存储多个值的数据结构。它允许我们使用一个变量来引用多个数值或对象。数组对象在JavaScript中被广泛应用，因此掌握如何使用数组对象是非常重要的。

创建数组

在JavaScript中，可以通过多种方式来创建数组对象。最简单的方法是使用方括号 [] 来创建一个空数组，然后将元素添加到数组中。

// 创建一个空数组
let myArray = [];

// 向数组中添加元素
myArray.push(1);
myArray.push(2);
myArray.push(3);

console.log(myArray); // [1, 2, 3]

除了使用 push 方法向数组中添加元素外，还可以使用数组字面量来初始化数组。

let myArray = [1, 2, 3];

console.log(myArray); // [1, 2, 3]

访问数组元素

可以使用数组的索引来访问数组中的元素。数组的索引从0开始，即第一个元素的索引为0，第二个元素的索引为1，依此类推。

let myArray = [1, 2, 3];

console.log(myArray[0]); // 1
console.log(myArray[1]); // 2
console.log(myArray[2]); // 3

如果尝试访问数组中不存在的索引，则会返回 undefined。

let myArray = [1, 2, 3];

console.log(myArray[3]); // undefined

数组常用方法

push

push 方法用于向数组的末尾添加一个或多个元素，并返回新的长度。

let myArray = [1, 2, 3];

myArray.push(4, 5);

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

pop

pop 方法用于删除数组的最后一个元素，并返回该元素的值。

let myArray = [1, 2, 3];

let lastElement = myArray.pop();

console.log(lastElement); // 3
console.log(myArray); // [1, 2]

shift

shift 方法用于删除数组的第一个元素，并返回该元素的值。

let myArray = [1, 2, 3];

let firstElement = myArray.shift();

console.log(firstElement); // 1
console.log(myArray); // [2, 3]

unshift

unshift 方法用于向数组的开头添加一个或多个元素，并返回新的长度。

let myArray = [1, 2, 3];

myArray.unshift(0);

console.log(myArray); // [0, 1, 2, 3]

splice

splice 方法用于在数组中添加或删除元素。它接受三个参数：起始索引、要删除的元素个数、要添加的元素。该方法会改变原数组。

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

myArray.splice(2, 1); // 从索引2处删除1个元素

console.log(myArray); // [1, 2, 4, 5]

myArray.splice(2, 0, 3); // 在索引2处添加元素3

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

slice

slice 方法用于提取数组的一部分，并返回一个新数组。它接受两个参数：起始索引和结束索引（不包括结束索引）。原数组不会被修改。

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

let subArray = myArray.slice(1, 3);

console.log(subArray); // [2, 3]

forEach

forEach 方法用于遍历数组，并对数组中的每个元素执行指定的函数。

let myArray = [1, 2, 3];

myArray.forEach(function(element) {
    console.log(element);
});

// 输出：
// 1
// 2
// 3

使用数组对象

除了存储基本类型数据外，数组对象还可以存储对象、函数等复杂类型数据。

let person1 = {
    name: 'Alice',
    age: 30
};

let person2 = {
    name: 'Bob',
    age: 25
};

let personArray = [person1, person2];

console.log(personArray); 
// [
//     { name: 'Alice', age: 30 },
//     { name: 'Bob', age: 25 }
// ]