返回
不再一知半解!JavaScript 数组揭秘
前端
2024-01-22 03:13:09
JavaScript 中的 Array
作为 JavaScript 中重要的引用数据类型,数组是一个有序的元素集合,使用中括号 [] 来表示。数组的本质是对象,它的原型对象是 Array.prototype,拥有 length 属性。数组的创建方式有两种:字面量和 Array() 构造函数。
了解字面量和 Array() 构造函数
字面量
使用字面量创建数组的方式很简单,直接使用中括号 [] 并列出元素即可。例如:
const numbers = [1, 2, 3, 4, 5];
Array() 构造函数
Array() 构造函数也可以用来创建数组,但它更灵活。传入一个实参时,如果实参是数字,则会生成一个 length 为该实参的空数组。例如:
const emptyArray = new Array(5); // [empty, empty, empty, empty, empty]
传入多个实参时,实参将成为数组的元素。例如:
const mixedArray = new Array(1, "two", 3.14); // [1, "two", 3.14]
数组的本质是对象
数组的本质是对象,因此拥有所有对象共有的属性和方法。其中,length 属性表示数组的长度,它是一个动态属性,会随着数组元素的增减而自动更新。例如:
const numbers = [1, 2, 3];
console.log(numbers.length); // 3
numbers.push(4);
console.log(numbers.length); // 4
数组的常用方法
作为数组的对象,除了拥有 length 属性,它还拥有许多有用的方法。其中,一些常用方法包括:
- push():向数组末尾添加一个或多个元素,并返回新数组的长度。
- pop():移除数组末尾的最后一个元素,并返回该元素。
- shift():移除数组开头第一个元素,并返回该元素。
- unshift():向数组开头添加一个或多个元素,并返回新数组的长度。
- slice():返回数组中指定范围的元素,但不修改原数组。
- splice():从数组中移除指定范围的元素,并可以添加新的元素。
这些方法的使用非常简单,可以通过查阅 MDN 文档了解更多详情。
结语
数组是 JavaScript 中一种非常重要的数据结构,它可以存储各种类型的数据,并且拥有许多有用的方法。通过本文,我们对 JavaScript 中的数组有了一个全面的了解,希望对您有所帮助。