888道Web前端高级面试题，JavaScript数组常用的方法总结，写给正在求职的前端开发

shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。

var arr = new Array(3)

arr[0] = “George”

arr[1] = “John”

arr[2] = “Thomas”

document.write(arr + “
”)//George,John,Thomas

document.write(arr.shift() + “
”)//George

document.write(arr)//John,Thomas

slice() 方法

slice() 方法可从已有的数组中返回选定的元素。

var arr = new Array(3)

arr[0] = “George”

arr[1] = “John”

arr[2] = “Thomas”

document.write(arr + “
”)//George,John,Thomas

document.write(arr.slice(1) + “
”)//John,Thomas

document.write(arr)//George,John,Thomas

sort() 方法

sort() 方法用于对数组的元素进行排序。

function sortNumber(a,b)

{

return a - b

}

var arr = new Array(6)

arr[0] = “10”

arr[1] = “5”

arr[2] = “40”

arr[3] = “25”

arr[4] = “1000”

arr[5] = “1”

document.write(arr + “
”)//10,5,40,25,1000,1

document.write(arr.sort(sortNumber))//1,5,10,25,40,1000

splice() 方法

splice() 方法向/从数组中添加/删除元素，然后返回被删除的元素。

var arr = new Array(6)

arr[0] = “George”

arr[1] = “John”

arr[2] = “Thomas”

arr[3] = “James”

arr[4] = “Adrew”

arr[5] = “Martin”

document.write(arr + “
”)//George,John,Thomas,James,Adrew,Martin

arr.splice(2,0,“William”)

document.write(arr + “
”)//George,John,William,Thomas,James,Adrew,Martin

toSource() 方法

toSource() 方法表示对象的源代码。

该原始值由 Array 对象派生的所有对象继承。

toSource() 方法通常由 JavaScript 在后台自动调用，并不显式地出现在代码中。

function employee(name,job,born)

{

this.name=name;

this.job=job;

this.born=born;

}

var bill=new employee(“Bill Gates”,“Engineer”,1985);

document.write(bill.toSource());//({name:“Bill Gates”, job:“Engineer”, born:1985})

toString() 方法

toString() 方法可把数组转换为字符串，并返回结果。

var arr = new Array(3)

arr[0] = “George”

arr[1] = “John”

arr[2] = “Thomas”

document.write(arr.toString())//George,John,Thomas

toLocaleString() 方法

把数组转换为本地字符串。

var arr = new Array(3)

arr[0] = “George”

arr[1] = “John”

arr[2] = “Thomas”

document.write(arr.toLocaleString())//George, John, Thomas

unshift() 方法

unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。

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

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

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

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

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

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

最后

为了帮助大家更好的了解前端，特别整理了《前端工程师面试手册》电子稿文件。

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

一个人可以走的很快，但一群人才能走的更远。如果你从事以下工作或对以下感兴趣，欢迎戳这里加入程序员的圈子，让我们一起学习成长！

AI人工智能、Android移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算

或对以下感兴趣，欢迎戳这里加入程序员的圈子，让我们一起学习成长！**](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)

AI人工智能、Android移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算