JavaScript 数组方法

2025-06-10

JavaScript 数组方法

JavaScript 中有很多数组方法,但在这个博客中你只会看到最有用的方法,读完这篇文章后,我很确定你会掌握这些方法并使用它们来优化你的代码😇

在开始之前,我将使用箭头函数,如果您不了解箭头函数,请不要担心,我也使用了普通函数(ES5 语法)!

那么让我们开始吧:

本博客包括 →

  1. 对于每个
  2. 筛选
  3. 地图
  4. 种类
  5. 减少

1.) 对于每个 →

这是一个简单的 for 循环。

for 循环

现在让我们使用 for Each 循环尝试同样的事情。

对于每个

For each 循环可以帮助你减少代码行数,提高代码可读性。
你还可以在 for each 循环中指定索引:

对于每个索引

第一个参数是依次存储所有值的变量,第二个参数是
当前迭代的索引。

2.) 过滤 →

顾名思义,.filter() 是一种帮助我们
根据给定条件过滤一些值的方法。

.filter() 方法根据现有数组中符合给定条件的值创建一个新数组。

筛选

3.) 地图 →

.map() 方法创建一个新数组,并对数组中的每个元素执行特定的函数。
这不会改变原始数组,因为它会创建一个新数组。

地图

4.) 排序 →

顾名思义,.sort() 方法帮助我们根据条件对数组进行排序。
如果条件为真,则返回 1,否则返回 -1。为了更好地理解它,我们可以使用一个例子:

如果我们想按照公司成立年份对它们进行排序。

种类

.sort() 也会创建一个新数组,原始数组保持不变。
此函数有两个参数“a”和“b”,它们将被赋值给数组中的两个值,然后进行比较,最后填充到新数组中。

5.) 减少 →

.reduce() 方法将整个数组简化为单个值。reduce
方法对数组中从左到右(从索引 0 开始到数组长度 - 1)的每个值执行给定函数,例如,我们必须找到所有年龄的总和,因此无需 for 循环,我们可以使用 reduce 函数来做到这一点。

减少

我们必须给出 0 来设置初始值,尽管它是可选的,所以您可以跳过它。

福利🎈

6.) indexOf →

这对于大家来说是一个额外的数组方法!

此方法检查输入的值是否在数组中。
如果找到,则返回位置/索引,否则返回 -1。

注意:idexOf() 区分大小写。

奖金


下一篇博客的主题 -> ES6 中引入的功能。


请访问我和我的朋友@sumeet16创建的社区,获取更多令人惊奇和信息丰富的内容,如果您想推荐某些东西或提供反馈,请随时发表评论😇!

CodeBox 的句柄:
https://linktr.ee/CodeBox

鏂囩珷鏉ユ簮锛�https://dev.to/shreyazz/javascript-array-methods-3bb0
PREV
正则表达式 101
NEXT
如何使用 GPG 在 Github、Gitlab、Bitbucket 上签署提交