Javascript数组属性

最新推荐文章于 2024-08-07 12:12:50 发布

原创最新推荐文章于 2024-08-07 12:12:50 发布 · 311 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #array

本文深入探讨了JavaScript数组的特殊属性和内置功能，包括数组索引的灵活性、自定义属性的添加、数组长度的动态变化及正确删除元素的方法。通过实际代码示例，读者将了解到如何更高效地操作和管理数组。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Javascript数组属性

Javascript数组可用来存储多个数组，但他也有些不常见的内置功能

数组的真面目

数组的索引其实也是数组的属性，所以如下操作是等同的

let array = ['Tom', 'Jerry']

console.log(array[0]) => Tom
console.log(array.0) => Tom

数组的内置属性

let array = ['Tom', 'Jerry']

console.log(array.length) => 2
console.log(array['length']) => 2

数组其实可以添加自定义属性，因为数组其实也是一个object对象

let array = ['Tom', 'Jerry']

array.itemName = 'wow'

console.log(array.itemName) => wow

循环数组的元素

自从ES6发布之后，可以不再使用传统的 for 循环对数组进行遍历，而可以使用 for ... of 循环直接操作数组元素

for (let item of array) {
	console.log(item)
}

数组元素的数量不等于数组长度

通常情况下数组元素的数量就是数组的长度，但这种关系非常脆弱，参见如下代码

let array = []

array.lentgh = 3

console.log(array.length) => 3

array[5] = 'Lily'

console.log(array.length) => 5

删除数组元素

删除数组元素的方法不是 remove() ，而应该使用 splice()
splice(index, number, item...) 提供三个属性
- index 表示待删除元素的索引
- number 表示从开始删除元素的索引开始要删除几个元素，1 表示只删除该元素，0 表示不删除
- item… 可选，可传入多个新元素，将从被删除元素的索引位置插入
splice() 的特点在于会直接作用原数组，返回值中返回的是被删除元素

var arr = ['java', 'html', 'css', 'js', 'vue']

// java,html,css,js,vue
console.log(arr)

// 删除索引1的元素
var result = arr.splice(1, 1)

// java,css,js,vue
console.log(arr)
// html
console.log(result)