2024年Web前端最新JavaScript基本数据类型之数组-学习笔记(2),2024年最新爆火的前端面试题

总结

大厂面试问深度,小厂面试问广度,如果有同学想进大厂深造一定要有一个方向精通的惊艳到面试官,还要平时遇到问题后思考一下问题的本质,找方法解决是一个方面,看到问题本质是另一个方面。还有大家一定要有目标,我在很久之前就想着以后一定要去大厂,然后默默努力,每天看一些大佬们的文章,总是觉得只有再学深入一点才有机会,所以才有恒心一直学下去。

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

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

数组(array)是按次序排列的一组值,每个值的位置都有编号(即从0开始依次编号),整个数组用方括号表示。例如:var arr=['a', 'b', 'c'];

  1. 数组也可以先定义后赋值。

  2. 任何类型的数据都可以放入数组。

  3. 若数组的元素还是数组,就形成了多维数组。

  4. 数组本质上是一种特殊的对象,这点通过typeof运算符的返回类型为object就可以看出来。

  5. 数组其实是有键名的,它的键名和编号是一致的,是按次序排列的一组整数(0,1,2, ...),可以借助Object.keys()方法进行验证。

  6. 数组的键名其实也是字符串(这和对象是一致的),可以使用数字键名来读取,因为非字符串的键名会被自动转为字符串。

2 length属性

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

数组的length属性返回数组的成员数量。

注:JavaScript使用一个32位的整数来保存数组的元素个数,这意味着数组成员最多只能有(232-1)个。

  1. 数组的数字键不需要连续,length属性的值总是比最大的键值大1。并且数组是一种动态的数据结构。

  2. 数组的length属性是可写的,可以人为地设置一个小于当前成员个数的值,该数组的成员个数会自动减少到length设置的值。测试如下:

很显然😒,清空一个数组的有效方法便是将数组的length属性设为0

var arr = [ ‘a’, ‘b’, ‘c’ ];

arr.length = 2;

arr // [“a”, “b”]

若设置的length属性的值大于当前的成员数量,则新增的位置都是空位,读取的结果为undefined

var a = [‘a’];

a.length = 3;

a[1] // undefined

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

var a = [];

a[‘p’] = ‘abc’;

a.length // 0

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

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
    其实前端开发的知识点就那么多,面试问来问去还是那么点东西。所以面试没有其他的诀窍,只看你对这些知识点准备的充分程度。so,出去面试时先看看自己复习到了哪个阶段就好。

这里再分享一个复习的路线:(以下体系的复习资料是我从各路大佬收集整理好的)

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

《前端开发四大模块核心知识笔记》

最后,说个题外话,我在一线互联网企业工作十余年里,指导过不少同行后辈。帮助很多人得到了学习和成长。

我意识到有很多经验和知识值得分享给大家,也可以通过我们的能力和经验解答大家在IT学习中的很多困惑,所以在工作繁忙的情况下还是坚持各种整理和分享。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值