JavaScript基本数据类型之数组-学习笔记，面试笔记

var a = [‘a’];

a.length = 3;

a[1] // undefined

3. 由于数组本质上为对象，因此可以为数组添加属性，但这并不影响数组的length属性的值。测试如下：在为数组添加p属性后，length的长度没有改变。

var a = [];

a[‘p’] = ‘abc’;

a.length // 0

4. 若数组的键名添加了超出范围的数值，则键名会自动转为字符串。

var arr = [];

arr[-1] = ‘a’;

arr[Math.pow(2, 32)] = ‘b’;

arr.length // 0

arr[-1] // “a”

arr[4294967296] // “b”

3 数组的空位

=======================================================================

当数组中某个位置为空元素，即两个逗号之间没有任何值，则数组存在空位（hole）。

1. 若最后一个元素后面有逗号，则并不会产生空位。

2. 由上一节易知：数组的空位不影响length属性。

3. 数组的空位是可以读取的，返回值为undefined。

4. 使用delete命令删除一个数组成员，会形成空位，并且不会影响length属性。

5. 数组的某个位置是空位与某个位置是undefined是不一样的，若是空位，则使用数组的forEach()方法、for…in结构、Object.keys()方法进行遍历，空位都会被跳过；若为undefined（这个位置的值就是undefined），则遍历时不会被跳过（这不废话嘛🤣）。

4 in运算符

=======================================================================

检查某个键名是否存在的运算符in，适用于对象，也适用于数组。

注意：

1. 若数组的某个成员为空位（上面2小节有提到），则in运算符会返回false；

2. 若键名大于数组的length属性值，也会返回false。

测试如下：

var arr = [];

arr[100] = ‘a’;

100 in arr // true

1 in arr // false

120 in arr // false

5 遍历数组的方法

=========================================================================

1. for...in循环

2. for循环

3. while循环

4. 数组的forEach()方法

由于for...in循环不仅会遍历所有的数字键，还会遍历非数字键，因此，推荐使用for循环或while循环进行数组的遍历。

var a = [1, 2, 3];

// for循环

for(var i = 0; i < a.length; i++) {

console.log(a[i]);

}

// while循环:正向遍历

var i = 0;

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

Vue 编码基础

2.1.1. 组件规范

2.1.2. 模板中使用简单的表达式

2.1.3 指令都使用缩写形式

2.1.4 标签顺序保持一致

2.1.5 必须为 v-for 设置键值 key

2.1.6 v-show 与 v-if 选择

2.1.7 script 标签内部结构顺序

2.1.8 Vue Router 规范

Vue 项目目录规范

2.2.1 基础

2.2.2 使用 Vue-cli 脚手架

2.2.3 目录说明

2.2.4注释说明

2.2.5 其他

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

2.1.7 script 标签内部结构顺序

2.1.8 Vue Router 规范

Vue 项目目录规范

2.2.1 基础

2.2.2 使用 Vue-cli 脚手架

2.2.3 目录说明

2.2.4注释说明

2.2.5 其他

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