帮你精通JS：解析与盘点数组array的5类22种方法
JS是唯一几乎全面支持函数式编程的流行语言，而函数编程的起点是处理数组。因此，我们首先来盘点 array 数组的5类22种方法。
首先列出对数组变形操作的没有side-effects的函数。
1) reduce 2) map 3) flat 4) flatMap 5) fill 6) forEach。其中 forEach 非 pure-function, 但属于隐性迭代方法，故而分类在此。
函数范式的六个methods之后，我们继续考察用于逻辑判断的高阶函数:
1) filter 2) find 3) findIndex 4) includes 5) indexOf 6) some 7) every 以及我们可以自己构建颇有帮助 range 与 not。
其中 include 是 find 应用于一个元素，而 indexOf 则是 findIndex 用于一个元素。
以上两组12个函数均为函数范式编程的纯函数。接下来考察，其他对数组变形的纯函数。（纯函数是指没有side-effect副作用的函数)：
1) concat 2) join 3) slice 4) splice （非纯函数，将会修改原数组，放在此处只与slice对比，作为提醒）
Array可以作为两种抽象结构数据的载体：分别为 stack 和 queue。
1) push 2) pop 3) shift 4) unshift 5)splice（splice属于特殊方法，因为更改了原数组，放在此处）
最后以无处而不在的排序收尾，无论是 sort 还是 reverse 都直接在原数组上修改，也就是 inplace 操作。
1) sort 2) reverse
JavaScript数组操作：掌握常用方法，提升开发效率
本文深入解析JavaScript中常用的数组方法，包括push、unshift、pop、shift、map、filter、reverse、at 和 slice。通过详细的例子和应用场景，帮助开发者快速掌握这些方法，提升代码效率和可读性。
作为JavaScript开发者，我们每天都在和数组打交道。无论是处理用户数据，还是渲染页面列表，数组都是不可或缺的数据结构。然而，你真的掌握了JavaScript数组的各种操作方法了吗？是否还在使用老旧的循环来处理数组？今天，我们就一起来深入了解JavaScript数组的常用方法，让你在实际开发中更加得心应手。
Cheetsheet
首先，我们来看数组的增删操作。JavaScript提供了四个方法来方便我们操作数组的头部和尾部。
在数组的末尾添加一个或多个元素，并返回数组的新长度。
在数组的开头添加一个或多个元素，并返回数组的新长度。
map和filter是函数式编程中常用的两个方法，它们可以帮助我们更简洁、高效地处理数组数据。
at()方法返回数组中指定索引的元素：
slice()方法返回数组的一个片段：
- 实现一个函数，接收一个数组和一个数字n，返回数组中大于n的所有元素的总和。
- 实现一个函数，接收一个字符串数组，返回一个新数组，其中每个字符串都转换为大写。
- 使用所学的数组方法来过滤出年龄大于20岁的用户，并返回包含他们姓名的数组。
掌握这些数组方法，可以帮助我们编写出更加简洁、高效的代码。在实际开发中，灵活运用这些方法不仅可以提高代码的可读性，还能大大提升开发效率。建议读者多加练习，在实际项目中尝试运用这些方法，以加深理解和掌握。
本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com
文章为作者独立观点不代本网立场，未经允许不得转载。
投诉举报&联系我们：
