2024年Web前端最全【JavaScript复习十】数组入门知识(1)，成为一名合格前端架构师

打开全栈工匠技能包-1小时轻松掌握SSR

两小时精通jq+bs插件开发

生产环境下如歌部署Node.js

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

网易内部VUE自定义插件库NPM集成

谁说前端不用懂安全，XSS跨站脚本的危害

webpack的loader到底是什么样的？两小时带你写一个自己loader

var arr1 = []; // 创建一个空的数组

var arr2 = [1, 2, 3]; // 创建带初始值的数组

方式一最简单，也用得最多。

2. 使用构造函数创建数组

let arr = new Array(参数);

let arr = Array(参数);

如果参数为空，则表示创建一个空数组；如果参数是一个数值时，表示数组的长度；如果有多个参数时，表示数组中的元素。

数组的基本操作

索引 (下标) ：

用来访问数组元素的序号，代表的是数组中的元素在数组中的位置（下标从 0 开始算起）。

// 向数组中添加元素

arr[0] = 10;

arr[1] = 20;

获取数组的长度

可以使用length属性来获取数组的长度(即“元素的个数”)。

数组的长度 = 数组名.length；

---

修改数组的长度（修改 length）

如果修改的 length 大于原长度，则多出部分会空出来，置为 null。

如果修改的 length 小于原长度，则多出的元素会被删除，数组将从后面删除元素。

（特例：伪数组 arguments 的长度可以修改，但是不能修改里面的元素，后面单独讲。）

遍历数组

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

最简单的做法是通过 for 循环，遍历数组中的每一项。举例：

var arr = [10, 20, 30, 40, 50];





### 最后

推荐一些系统学习的途径和方法。  

![路线图](https://img-blog.csdnimg.cn/img_convert/abffda3a0cfe5b9baa70f132ab55f248.png)

每个Web开发人员必备，很权威很齐全的Web开发文档。作为学习辞典使用，可以查询到每个概念、方法、属性的详细解释，注意使用英文关键字搜索。里面的一些 HTML，CSS，HTTP 技术教程也相当不错。

**[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/topics/618166371)**

HTML 和 CSS：

![html5知识](https://img-blog.csdnimg.cn/img_convert/2ee0d943c2e65e1bf84360c1c8a40cf6.png)

![css基础知识](https://img-blog.csdnimg.cn/img_convert/f660a2fef40322a6e2c45716d4a97e02.png)