JavaScript百炼成仙 1(1)

“喝！说得好像你很懂似的，姓叶的，你倒是先说说，数组该怎么创建吧！”对面弟子不屑一顾地说道，对于数组，他虽然不敢说非常精通，但是多少有点了解。更关键的是，自己可是比叶小凡早入门许久，当然不认为自己会比叶小凡这个新人差。他已经准备好了，计划随时打断叶小凡的讲述。

“数组有四种定义方式。”叶小凡随机讲到。

“什么，四种？笑死人了，我倒还是第一次听说，数组不就是一对中括号就定义了吗，哪来的四种？”对面弟子不屑一顾地笑了笑。

“你说的是用直接量定义数组。”叶小凡继续说道，“所谓直接量定义，就是用一对中括号来声明一个数组对象，就像这样：”

var arr = [“first”, “second”, “third”];

console.log(arr);

“得到的结果，就是生成了一个拥有三个元素的数组对象，对象的名字是arr。这种方法的好处是在定义数组的时候，就直接给这个数组做了初始化。除了这种方法，还有其他三种方法，我先来说第二种。”说着，叶小凡就打出一段代码流：

var a = new Array();

“这是采用构造函数的方式创建一个数组对象，在JavaScript中，每一个类型其实都有一个函数作为支撑，数组也不例外。在这个例子中，Array也叫作构造函数。和这第二种方法类似的，还有两种方法，也是采用构造函数的方法来创建一个数组对象的。”

var b = new Array(8);

var c = new Array(“first”, “second”, “third”);

“这三种方式有着各自的区别，第一种是直接用构造函数创建一个空的数组，也就是说，这个数组里面什么都没有。数组天生就拥有一个length属性，我可以让这个a变量调用自身的length属性来验证这一点。”

var a = new Array();

console.log(a.length);

代码运行，众人看得清清楚楚，结果是一个“0”。

“相信各位也看到了，这段代码的结果是一个0，这表示当前的数组对象里面啥也没有。接下来看第二种方式。”

var b = new Array(8);

“这种方式和刚才那种有所不同，不同点就在于，它虽然也是创建一个数组，但是却在创建的同时，设置了一个初始的长度，大家看，Array是一个函数，new关键字表示在创建这个函数所表示的对象，因为是函数，所以自然是可以打括号的。没错，函数可以打括号，打括号的意思就是要去执行这个函数的函数体。函数是有参数的，这个8就是参数。在这个例子中，8就表示给数组对象添加一个初始化的长度，我依然可以用数组的length属性来验证这一点。”说着，叶小凡继续打出代码：

var b = new Array(8);

console.log(b.length);

代码运行，众人看得清清楚楚，结果是一个“8”。

“相信各位也看到了，这段代码的结果是一个8，这表示当前的数组对象里面已经有8个元素了。那么问题来了，我并没有给这个数组添加任何东西，最起码，看起来没有。那么，这八个元素到底是什么呢？这个待会说，先看最后一种方式。”

var c = new Array(“first”, “second”, “third”);

“这一种方式在创建数组对象的同时，就给它赋予了初值。简单来说，就是创建数组的时候，就给它添加了三个元素。正因为如此，所以这个数组当前的length属性已经有值了，而且就是里面元素的个数：3！”

var c = new Array(“first”, “second”, “third”);

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

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

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

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

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

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

最后

由于篇幅限制，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！有需要的程序猿（媛）可以帮忙点赞+点击【学习资料】即可领取！

的程序猿（媛）可以帮忙点赞+点击【学习资料】即可领取！

[外链图片转存中…(img-nO8Sblyg-1712927804039)]

[外链图片转存中…(img-Ceq8tAy7-1712927804039)]