📅  最后修改于: 2023-12-03 15:26:11.704000             🧑  作者: Mango
在 JavaScript 中,数组也是一种对象。它们有自己的属性和方法,但是它们还有更多的功能。数组是一个有序集合,在 JavaScript 中用方括号“[]”表示。我们可以通过下标来访问数组元素,下标从零开始。
创建数组有两种方式:
var arr = [1, 2, 3]; // 创建了一个包含三个元素的数组
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 属性表示数组的元素个数。
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 属性表示创建该数组的函数。
var arr = ['apple', 'banana', 'orange'];
console.log(arr.constructor); // 输出 function Array() { [native code] }
数组还有一些自己的方法。
push() 方法用于在数组末尾添加一个或多个元素,并返回数组的新长度。
var arr = ['apple', 'banana', 'orange'];
console.log(arr.push('grape')); // 输出 4
console.log(arr); // 输出 ['apple', 'banana', 'orange', 'grape']
pop() 方法用于删除数组中的最后一个元素,并返回该元素的值。
var arr = ['apple', 'banana', 'orange'];
console.log(arr.pop()); // 输出 'orange'
console.log(arr); // 输出 ['apple', 'banana']
shift() 方法用于删除数组中的第一个元素,并返回该元素的值。
var arr = ['apple', 'banana', 'orange'];
console.log(arr.shift()); // 输出 'apple'
console.log(arr); // 输出 ['banana', 'orange']
unshift() 方法用于在数组的开头添加一个或多个元素,并返回数组的新长度。
var arr = ['apple', 'banana', 'orange'];
console.log(arr.unshift('grape')); // 输出 4
console.log(arr); // 输出 ['grape', 'apple', 'banana', 'orange']
slice() 方法用于从数组中提取某个部分,并返回一个新数组。
var arr = ['apple', 'banana', 'orange', 'grape'];
console.log(arr.slice(1, 3)); // 输出 ['banana', 'orange']
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 中重要的数据结构之一,可以说是必不可少的。我们需要熟练掌握数组的语法和常用的方法,以便在实际开发中使用。