JavaScript数组常用的方法总结，2024年大厂前端高级面试题分享

arr2[1] = “Adrew”

arr2[2] = “Martin”

var arr3 = new Array(2)

arr3[0] = “William”

arr3[1] = “Franklin”

document.write(arr.concat(arr2,arr3))

//George,John,Thomas,James,Adrew,Martin,William,Franklin

join() 方法

join() 方法用于把数组中的所有元素放入一个字符串。

元素是通过指定的分隔符进行分隔的。

var arr = new Array(3)

arr[0] = “George”

arr[1] = “John”

arr[2] = “Thomas”

document.write(arr.join(“.”))

//George.John.Thomas

pop() 方法

pop() 方法用于删除并返回数组的最后一个元素。

var arr = new Array(3)

arr[0] = “George”

arr[1] = “John”

arr[2] = “Thomas”

document.write(arr)

//George,John,Thomas

document.write(arr.pop())

//Thomas

document.write(arr)

//George,John

push() 方法

push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。

var arr = new Array(3)

arr[0] = “George”

arr[1] = “John”

arr[2] = “Thomas”

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

document.write(arr.push(“James”) + “
”)

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

reverse() 方法

reverse() 方法用于颠倒数组中元素的顺序。

var arr = new Array(3)

arr[0] = “George”

arr[1] = “John”

arr[2] = “Thomas”

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

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

shift() 方法

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

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

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

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

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）

友，同时减轻大家的负担。**

[外链图片转存中…(img-wHOTfNdg-1710878568174)]
[外链图片转存中…(img-cwv7xImD-1710878568175)]
[外链图片转存中…(img-FhUbfExX-1710878568175)]
[外链图片转存中…(img-5dUBRK9t-1710878568176)]

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

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）
[外链图片转存中…(img-uhXEfhVu-1710878568176)]