【JS】数组详解

数组是js中最常用到的数据集合,它是引用数据类型的一种(其他二者为Object和Function),但其本质是Object。

一、数组的组成

数组由三部分组成,分别是索引、元素和length。

索引:用于标识元素,默认从0开始依次递增,也叫下标。

元素:存储数据的值,可以为任意数据类型,如果元素也为数组,就称为多维数组,嵌套了几层数组就是几维数组。

length:数组的长度(元素个数,即最大索引+1),当Object也定义了length且按序存储,此时这个Object就成为了可迭代对象(也叫伪数组),伪数组只是结构与数组相似,但是无法直接使用数组的方法。

二、创建数组

字面量方式(推荐)

语法: 声明变量关键字 变量名 = [元素1,元素2...]

javascript 复制代码
let arr = [1,2,3]

构造函数方式

语法: 通过new关键字,实例化Array对象。

javascript 复制代码
let arr = new Array(1,2,3)

如果实例化时只传入一个数字n,会创建一个长度为n的数组,该数组包含了n个empty ,该数组又称为稀疏数组 ,即length比实际元素个数要大。

javascript 复制代码
let arr = new Array(3)
console.log(arr)  // [empty × 3]

创建元素为empty的数组有什么用呢?

适用于确定数组长度的场景下,如果返回的数据长度过长,会自动忽略,若不足剩余位置仍为empty。

相关推荐
lxh01133 分钟前
函数防抖题解
前端·javascript·算法
颜酱8 分钟前
环检测与拓扑排序:BFS/DFS双实现
javascript·后端·算法
bluceli17 分钟前
JavaScript WeakMap与WeakSet:内存优化的秘密武器
前端·javascript
颜酱19 分钟前
理解并查集Union-Find:从原理到练习
javascript·后端·算法
前端小菜鸟也有人起19 分钟前
Vue2父子组件通信方法总结
javascript·vue.js·ecmascript
与虾牵手22 分钟前
Next.js 14 App Router 踩坑实录:5 个让我加班到凌晨的坑 🕳️
前端·javascript·面试
李昊哲小课25 分钟前
电商系统项目教程
开发语言·前端·javascript
小道士写程序1 小时前
海洋模拟项目源码解析
javascript
Highcharts.js2 小时前
Highcharts 使用指南Treegraph chart 树状图/结构树图|创建谱系图表、决策树、结构知识树等的图表工具
javascript·决策树·highcharts·图表开发·结构树·可视化图表库·谱系图表
局i2 小时前
React 简单地图组件封装:基于高德地图 API 的实践(附源码)
前端·javascript·react.js