数组一些常用的方法(es5+es6)-CSDN博客

本文链接：https://blog.csdn.net/2301_77033813/article/details/137616517

打印结果(4) [1, 2, 3, 4]

2-2:shift()

把数组的第一个元素删除，若空数组，不进行任何操作，返回undefined
返回第一个元素的值

let arr=[1,2,3,4,5]

arr.shift()

console.log(arr)

打印结果(4) [ 2, 3, 4，5]

3.从数组中连续删除、插入数据：splice()

splice(1,2,3)，1:起始下标，2：连续删除多少项（为0则不删除），

3：插入的数据（为0则不插入）

返回被删除的元素

let arr=[1,2,3,4,5]

arr.splice(1,1,“2”)

console.log(arr)

打印结果(5) [1, "2", 3, 4, 5]

let arr=[1,2,3,4,5]

arr.splice(1,1)

console.log(arr)

打印结果(4) [1, 3, 4, 5]

4.数组串联：join()

把数组中所有元素放入一个字符串
返回字符串

let arr=[1,2,3,4,5]

console.log(arr.join(“+”))

打印结果1+2+3+4+5

5.数组排序：sort()

对数组元素进行排序
返回该数组

let arr=[2,1,3,5,4]

console.log(arr.sort())

打印结果(5) [1, 2, 3, 4, 5,]

let arr=[“Mike”,“Doinb”,“Uzi”,“Mary”,“Faker”,“ClearLove”]

console.log(arr.sort())

打印结果(6) ["ClearLove", "Doinb", "Faker", "Mary", "Mike", "Uzi"]

6.数组颠倒：reverse()

颠倒数组中元素的顺序
返回该数组

let arr=[“Mike”,“Doinb”,“Uzi”,“Mary”,“Faker”,“ClearLove”]

console.log(arr.sort().reverse())

打印结果(6) ["Uzi", "Mike", "Mary", "Faker", "Doinb", "ClearLove"]

7.数组抽取：slice()

slice(1,2),1:起始下标，2：结束位置（若为0则返回下标后所有元素）
从已有的数组中返回选定的元素
返回一个新数组

let arr=[1,2,3,4,5]

console.log(arr.slice(2))

打印结果(3) [3, 4, 5]

let arr=[1,2,3,4,5]

console.log(arr.slice(2,4))

打印结果(2) [3, 4]

8.数组合并：concat()

连接两个或多个数组
返回被连接数组的一个副本

let arr1=[“RNG”,“EDG”]

let arr2=[“Uzi”,“ClearLove”]

let arr3=[“TOP”,“SKT”]

console.log(arr1.concat(arr2,arr3))

打印结果(6) ["RNG", "EDG", "Uzi", "ClearLove", "TOP", "SKT"]

9.数组转为字符串：toString()

把数组转为字符串
返回数组的字符串形式

let arr=[1,2,3,4,5]

console.log(arr.toString())

打印结果为1,2,3,4,5

(ES5中数组常用方法)

1.forEach()

从头至尾遍历数组，为每个元素调用指定的函数。

forEach有三个参数(数组元素，索引，数组本身)。

const data = [1, 2, 3, 4, 5]; //要求和的数组

let sum = 0; //初始为0

data.forEach(function (value) {

sum+=value //将每个值累加到sum上

})

console.log(sum) //=>15

data.forEach(function (v,i,a) {

a[i]=v+1

})

console.log(data) //=>[2,3,4,5,6]

注：forEach无法在所有元素传递给调用函数之前终止遍历（无法使用break），如果要使用就使用try。

返回值：无。

2.map(映射)

map()方法将调用的数组每个元素传递给指定的函数，并返回一个数组。

let a=[1,2,3]

let b=a.map(function (x) {

return x*x

})

console.log(b) //=>[1,4,9]

/=============================/

let a=[1,2,3]

let b=a.map(i=> {

return i

})

console.log(b) //=>[1,2,3]

注：map返回的是新数组，不修改调用的数组。如果是稀疏数组，返回的也是相同稀疏数组。

返回值：有，新的数组。

3.filtter(过滤)

filtter()遍历数组,过滤出来符合条件的元素,放到一个新数组里面,如果没有就返回空。

let a=[1,2,3,4,5]

let b=a.filter(function (x) {

return x<3

})

console.log(b) //=>[1,2]

let c=a.filter(function (x) {

return x>5

})

注：filter()会跳过稀疏数组中缺少的元素，返回的总书稠密的。

返回值：有，符合条件的数组。

4.every(所有)和some(存在)

every()方法就像数学中的“所有”，针对所有符合条件的返回true否则返回false。

let a=[1,2,3,4,5]

let b=a.every(function (x) {

return x<3

})

console.log(b) //=>false

let c=a.every(function (x) {

return x<6

})

some()方法就像数学中的“存在”，但数组中至少存在一个元素符合判定条件则返回true，

否则false（一个都没有）。

let a=[1,2,3,4,5]

let b=a.some(function (x) {

return x<3

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

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

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

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

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

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

最后

你要问前端开发难不难，我就得说计算机领域里常说的一句话，这句话就是『难的不会，会的不难』，对于不熟悉某领域技术的人来说，因为不了解所以产生神秘感，神秘感就会让人感觉很难，也就是『难的不会』；当学会这项技术之后，知道什么什么技术能做到什么做不到，只是做起来花多少时间的问题而已，没啥难的，所以就是『会的不难』。

我特地针对初学者整理一套前端学习资料分享给大家，戳这里即可领取

前端路线图