📜  数组对象 js - Javascript (1)

📅  最后修改于: 2023-12-03 15:40:03.408000             🧑  作者: Mango

数组对象 js - Javascript

在Javascript中,数组(Array)是一种可以容纳多个值的数据结构。而对象(Object)则是一种可以容纳许多属性的数据结构。数组对象(Array Object)则是将两种数据结构结合在一起的一种数据类型。

创建数组对象

在Javascript中,可以使用以下方式创建数组对象:

// 创建一个空数组对象
let myArray = new Array();

// 创建一个包含3个元素的数组对象
let myArray = new Array(1, 2, 3);

// 使用字面量方式创建数组对象
let myArray = [1, 2, 3];

可以看出,创建数组对象的方式有很多种。使用字面量方式创建数组对象是最常用的方式。

访问数组元素

可以使用下标(即索引)来访问数组元素。下标从0开始计数。

let myArray = [1, 2, 3];
console.log(myArray[0]); // 1
console.log(myArray[1]); // 2
console.log(myArray[2]); // 3
数组对象方法

Javascript中的数组对象有很多方法,以下是常用的数组方法:

push() - 在数组末尾添加元素
let myArray = [1, 2, 3];
myArray.push(4);
console.log(myArray); // [1, 2, 3, 4]
pop() - 删除数组末尾的元素
let myArray = [1, 2, 3];
myArray.pop();
console.log(myArray); // [1, 2]
shift() - 删除数组头部的元素
let myArray = [1, 2, 3];
myArray.shift();
console.log(myArray); // [2, 3]
unshift() - 在数组头部添加元素
let myArray = [1, 2, 3];
myArray.unshift(0);
console.log(myArray); // [0, 1, 2, 3]
splice() - 删除/替换/插入元素
let myArray = [1, 2, 3, 4];
myArray.splice(1, 2);
console.log(myArray); // [1, 4]

let myArray = [1, 2, 3, 4];
myArray.splice(1, 2, 'a', 'b');
console.log(myArray); // [1, 'a', 'b', 4]

let myArray = [1, 2, 3, 4];
myArray.splice(1, 0, 'a', 'b');
console.log(myArray); // [1, 'a', 'b', 2, 3, 4]
slice() - 截取数组
let myArray = [1, 2, 3, 4];
let newArray = myArray.slice(1, 3);
console.log(newArray); // [2, 3]
forEach() - 遍历数组
let myArray = [1, 2, 3];
myArray.forEach(function(item) {
  console.log(item);
});
// 1
// 2
// 3
数组对象属性

Javascript中的数组对象有一些属性,以下是常用的数组属性:

length - 数组长度
let myArray = [1, 2, 3];
console.log(myArray.length); // 3
constructor - 数组构造函数
let myArray = [1, 2, 3];
console.log(myArray.constructor); // Array
结论

数组对象是Javascript中用来容纳多个值的数据结构之一,它可以与对象数据类型结合起来使用。在创建和访问数组元素、以及使用数组方法等方面都非常灵活,也提供了许多的内置方法配合使用。可以说,数组对象的使用非常广泛,并且非常实用。