JS的数组

最新推荐文章于 2026-01-01 17:43:06 发布

原创最新推荐文章于 2026-01-01 17:43:06 发布 · 209 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

本文介绍了数组的概念及使用方法，包括创建数组的两种方式：字面量方式与new关键字方式。此外还详细讲解了如何通过索引访问数组元素，以及使用for循环和forEach方法遍历数组的方法。同时介绍了如何通过length属性和索引向数组中添加元素。

数组是指一组数据的聚合，其中的每个数据被称为元素，在数组中可以存放任意类型的元素。数组是将一组数据存储在单个变量名下的优雅方式。

创建数组的两种方式

字面量方式、new关键字创建

let arr = [] // 字面量方式创建 
let arr = new Array() // new关键字方式创建

数组的索引

索引就是下标，用来访问数组元素的序号（数组的索引从0开始）。数组可以通过索引来访问、设置、修改对应的数组元素。通过 ‘数组名[索引]’ 的形式来获取数组中的元素。数组中没有的元素，访问时会返回undefined

let arr = [a, b, c, d]
console.log(arr[0]) // a
console.log(arr[1]) // b
console.log(arr[2]) // c
console.log(arr[3]) // d
console.log(arr[4]) // undefined

遍历数组

遍历就是把数组中的每个元素从头到位的访问一次。

	let arr = ['a', 'b', 'c', 'd']

    // for 循环遍历
	for (i = 0; i < arr.length; i++) {
		console.log(arr[i]);
	}


    // forEach 遍历，forEach没有返回值，
    // 所以不能用continue。可以使用return实现
    arr.forEach((item, index) => {
        console.log(item,index);
    })

新增数组元素

数组和字符串一样，都有一个自动更新维护的length属性。所以给元素添加元素，可以利用length属性和索引，两种形式

	let arr = ['a', 'b', 'c', 'd']
    console.log(arr.length) // 4
    arr[length] = e  // 利用length添加元素，会自动添加在数组最后
    console,log(arr) // a b c d e

    arr[4] = e
    console,log(arr) // a b c d e
    // 需要注意的是，当数组中已有该索引，那么就不是添加元素，而是替换元素
    // 如果数组本身的长度为4 那么索引到3 就停止了，这时如果在索引5的位置添加元素，那么中间空缺的4 会显示undefined