一文彻底学会JavaScript数组，so easy~，2024年最新应聘前端开发面试题目

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

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

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

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

如果你需要这些资料，可以添加V获取：vip1024c （备注前端）

正文

var arr = []; //新建一个数组,长度为0

arr.push(100); //动态扩容，现在长度为1

arr.push(200); //动态扩容，现在长度为2

arr.push(“我是一个字符串”);

alert(arr);

这样是不是也可以呢？好，现在我就想要请问一下了，push是什么。你不要把它想得太复杂了，我就问你，它后面有没有括号，有，好的。什么东西可以打括号？是不是方法呀，只有方法才可以打括号，打了括号就是去把它执行掉了。接下来再问，什么东西可以调用方法，是不是对象呀？OK，那么我们写的这个：

var arr = [];

这个arr是什么，是不是一个对象呀？好的，理解了这一点就好办多了。其实在JS中，数组其实有一个构造函数的。他就是Array，所以，上面这句代码，其实是这么一回事：

var arr = new Array();

Array是js自带的一个函数，它是一个构造函数，相当于Java中类的概念。我们可以通过new一个函数的方式，来获得一个实实在在的对象。在这个例子中，arr就是一个实实在在的对象了。我再强调一遍，不要把简单的东西弄复杂了，如果你脑袋里只想着复杂，那么就永远看不到简单。只有对象才可以调用属性和方法。在这个例子中，arr固然是一个对象，所以，它可以调用一个叫做push的方法。

push的意思就是动态地给数组扩容一个单位，并且把对应的值放进去，就这么简单。

有了塞东西进去的方法，当然还有把东西拿出来的方法， 没错就是pop。

var arr = new Array(); //新建一个数组,长度为0

arr.push(100); //动态扩容，现在长度为1

arr.push(200); //动态扩容，现在长度为2

arr.push(“我是一个字符串”);

arr.pop();

alert(arr);

pop可以理解为弹出，弹出的就是最后一次push进去的值。

3.数组常用方法

接下来，介绍一些数组的常用方法。

3.1 如何复制一个数组

为什么要复制数组呢？因为在实际项目中，你可能会遇到这样的问题。我拿到一个数组，需要临时保存下来，怎么办？你可能会写这样的代码：

var arr = new Array(); //新建一个数组,长度为0

arr.push(100); //动态扩容，现在长度为1

arr.push(200); //动态扩容，现在长度为2

var arr2 = arr;

arr.pop();

arr.pop();

alert(arr2);

你希望通过arr2来把arr的数据保存下来，结果，一旦arr改变了，arr2也跟着改变了。

不好意思，没有。这是因为arr2和arr都是指向了同一块内存区间，一个改变，另一个也就跟着改变了。那怎么办呢？用slice就可以啦。

var arr = new Array(); //新建一个数组,长度为0

arr.push(100); //动态扩容，现在长度为1

arr.push(200); //动态扩容，现在长度为2

var arr2 = arr.slice();

arr.pop();

arr.pop();

alert(arr2);

这样就可以了。

3.2 如何把数组转换成字符串

这个需求也经常会碰到，最常见的就是页面需要做一个批量操作，列表上勾选N条数据，一般来说，是拿到一个JSON数组。比如这样的：

var rows = [{id:1,name:‘aaa’},{id:2,name:‘bbb’}];

现在，我要拿到这些id，通过ajax传递到后台，然后后台通过这些id去做某些操作。那换做是你，你打算怎么做呢？有一种办法，就是手动拼接这些id，用逗号分隔一下，做成一个字符串，然后传递到后台，后台再用splite方法进行解析。

你可能会这么做：

var rows = [{id:1,name:‘aaa’},{id:2,name:‘bbb’}];

var ids = ‘’;

//拼接id

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

if(i == rows.length - 1){

ids += rows[i].id

}else{

ids += rows[i].id + ‘,’;

}

}

alert(ids);

这样做自然是可以的咯，可是，如果用数组的话，我们可以使用join方法。

var rows = [{id:1,name:‘aaa’},{id:2,name:‘bbb’}];

var ids = [];

//拼接id

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

ids.push(rows[i].id);

}

ids = ids.join(‘,’); //转换成用逗号分隔的字符串

alert(ids);

3.3 如何去除数组中的重复元素

我这边封装了一个简单的方法，可以去重：

var arr = [1,2,3,4,5,1];

function unique(arr){

//新建一个数组，用来存放原数组中所有不重复的数据

var afterUnique = [];

//新建一个JSON对象

最后

---

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

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
家一定要有目标，我在很久之前就想着以后一定要去大厂，然后默默努力，每天看一些大佬们的文章，总是觉得只有再学深入一点才有机会，所以才有恒心一直学下去。

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）
[外链图片转存中…(img-JM6bZBqD-1713441803703)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！