来玩转Js Array

73 阅读2分钟

image.png

⛰︎一览众山小

在 JavaScript 中Array的使用可以说是很频繁的了,但是你真的玩明白了吗?今天带你来玩转数组,come on!

image.png 0 1 会改变原数组系列

🍉Push()

在数组尾部添加,返回的是新数组的长度:

🍊unshift()

是在数组尾部添加,返回的是新数组的长度:

🍋pop()

删除数组最后一个元素,返回的是删除的那个元素:

🍌shift()

删除数组中的第一个元素,返回的是删除的值:

🍇sort()

sort() 方法用原地算法对数组的元素进行排序,并返回数组。默认排序顺序是在将元素转换字符串,然后比较它们的 UTF-16 代码单元值序列时构建的。它返回的就是排序后的数组:

🍈reverse()

反转数组,将数组的顺序颠倒过俩,返回的就是反转后的数组:

0 2 不会改变原数组系列

🍍concat()

用于连接两个或多个数组,不会改变原数组,返回的是连接后的数组的副本:

🥭join()

把数组中的所有元素转换一个字符串,join 里的参数就是字符串之间的连接符,返回的是字符串:

🍎join()

把数组中的所有元素转换一个字符串,join 里的参数就是字符串之间的连接符,返回的是字符串:

🍏split()

将字符串转化为数组,split的参数是字符串之间的连接符

🍑reduce()

接受一个函数作为累加器,返回值是累加后的值

🍒map()

映射,返回一个新的数组:

🍓forEach()

遍历数组中的元素,没有返回值, 可以在里面对数组中的元素进行操作,不会改变原数组:

🍐filter()

过滤,新建一个数组用于存储满足过滤条件的元素:

🥑slice()

提取,根据slice中的索引区间进行提取,然后将该区间内的元素作为返回值return:

🌽find()

返回find内第一个满足条件的,不会改变原数组:

🥕findIndex()

接收一个测试函数,也可以叫做条件函数,最终返回满足该测试函数的元素的索引位置,如果没有找到符合条件的元素,则返回-1。(如果满足条件的有多个,那么只会返回第一个满足条件的元素索引):

image.png