JavaScript 数组方法
JavaScript 中有很多数组方法,但在这个博客中你只会看到最有用的方法,读完这篇文章后,我很确定你会掌握这些方法并使用它们来优化你的代码😇
在开始之前,我将使用箭头函数,如果您不了解箭头函数,请不要担心,我也使用了普通函数(ES5 语法)!
那么让我们开始吧:
本博客包括 →
- 对于每个
- 筛选
- 地图
- 种类
- 减少
1.) 对于每个 →
这是一个简单的 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