📜  数组也是 JavaScript 中的对象(1)

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

数组也是 JavaScript 中的对象

在 JavaScript 中,数组也是一种对象。它们有自己的属性和方法,但是它们还有更多的功能。数组是一个有序集合,在 JavaScript 中用方括号“[]”表示。我们可以通过下标来访问数组元素,下标从零开始。

创建数组

创建数组有两种方式:

  1. 通过字面量方式:
var arr = [1, 2, 3]; // 创建了一个包含三个元素的数组
  1. 通过构造函数方式:
var arr = new Array(1, 2, 3); // 创建了一个包含三个元素的数组
访问数组元素

通过下标访问数组元素,下标从零开始,可以是整数、变量或者表达式。

var arr = ['apple', 'banana', 'orange'];
console.log(arr[0]); // 输出 'apple'
var index = 2;
console.log(arr[index]); // 输出 'orange'
console.log(arr[1 + 1]); // 输出 'orange'
数组的属性

数组也是对象,有着一些自己的属性。

length

length 属性表示数组的元素个数。

var arr = ['apple', 'banana', 'orange'];
console.log(arr.length); // 输出 3

当给数组的 length 属性设置为一个比原来更大的值时,数组会自动扩展。

var arr = ['apple', 'banana', 'orange'];
console.log(arr.length); // 输出 3
arr.length = 5;
console.log(arr.length); // 输出 5
console.log(arr); // 输出 ['apple', 'banana', 'orange', undefined, undefined]
constructor

constructor 属性表示创建该数组的函数。

var arr = ['apple', 'banana', 'orange'];
console.log(arr.constructor); // 输出 function Array() { [native code] }
数组的方法

数组还有一些自己的方法。

push()

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

var arr = ['apple', 'banana', 'orange'];
console.log(arr.push('grape')); // 输出 4
console.log(arr); // 输出 ['apple', 'banana', 'orange', 'grape']
pop()

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

var arr = ['apple', 'banana', 'orange'];
console.log(arr.pop()); // 输出 'orange'
console.log(arr); // 输出 ['apple', 'banana']
shift()

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

var arr = ['apple', 'banana', 'orange'];
console.log(arr.shift()); // 输出 'apple'
console.log(arr); // 输出 ['banana', 'orange']
unshift()

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

var arr = ['apple', 'banana', 'orange'];
console.log(arr.unshift('grape')); // 输出 4
console.log(arr); // 输出 ['grape', 'apple', 'banana', 'orange']
slice()

slice() 方法用于从数组中提取某个部分,并返回一个新数组。

var arr = ['apple', 'banana', 'orange', 'grape'];
console.log(arr.slice(1, 3)); // 输出 ['banana', 'orange']
splice()

splice() 方法用于插入、删除或替换数组中的元素,并返回被删除的元素。

var arr = ['apple', 'banana', 'orange', 'grape'];
console.log(arr.splice(2, 1)); // 输出 ['orange']
console.log(arr); // 输出 ['apple', 'banana', 'grape']
arr.splice(1, 0, 'watermelon');
console.log(arr); // 输出 ['apple', 'watermelon', 'banana', 'grape']

以上是数组的一些常用方法,还有很多其他的方法可以去官方文档查询。

总之,数组是 JavaScript 中重要的数据结构之一,可以说是必不可少的。我们需要熟练掌握数组的语法和常用的方法,以便在实际开发中使用。