我想,大家一定对JavaScript中的数组很熟悉了,我们每天都会用到它的各种方法,比如push、pop、forEach、map……等等。,但是仅仅使用它就足够了吗?如果你想成为出色的程序员,你一定不想停在熟悉使用阶段这里,你肯定想进一步挑战自己,走向更高的水平。,因此,今天,我为大家准备了20个JavaScript的数组实现方法,如果你还不知道怎么实现它们的话,请一定不要错过今天的内容。,forEach 是我们工作中非常常用的数组方法,实现起来也比较简单,这是我们需要完成的第一个功能。,代码如下:,测试一下:,哇,恭喜!我们已经实现了 forEach 的功能。,你一般用map做什么?大多数时候是将一个数组转换为另一个数组。,代码如下:,测试一下:,朋友们,你们觉得不难吗?是不是很简单?我们接着看后面的内容。,every() 方法测试数组中的所有元素是否通过提供的函数实现的测试,它返回一个布尔值。,每种方法都有你以前可能没有注意到的三点,它们是什么?,代码如下:,测试一下:,some() 方法测试数组中的至少一个元素是否通过了提供的函数实现的测试。,代码如下:,测试一下:, filter() 方法创建一个新数组,其中,包含所有通过所提供函数实现的测试的元素。,测试一下:,这个函数稍微复杂一些,让我们用一个例子来看看它是如何使用的。,代码如下:,测试一下:,reduceRight() 方法对累加器和数组的每个值(从右到左)应用一个函数,以将其减少为单个值。,它与 reduce 非常相似,只是 reduceRight 从右到左遍历。,代码如下:,测试一下:,find() 方法返回提供的数组中满足提供的测试功能的第一个元素,如果没有值满足测试函数,则返回 undefined。,代码如下:,测试一下,findIndex() 方法返回数组中满足提供的测试函数的第一个元素的索引。否则,它返回 -1,表示没有元素通过测试。,代码如下:,测试一下:,indexOf() 方法返回可以在数组中找到给定元素的第一个索引,如果不存在,则返回 -1。,笔记:,代码如下:,测试一下:,lastIndexOf() 方法返回可以在数组中找到给定元素的最后一个索引,如果不存在,则返回 -1,从 fromIndex 开始向后搜索数组。,它与 indexOf 非常相似,只是 lastIndexOf 从右到左遍历。,代码如下:,测试一下:,includes() 方法确定数组是否在其条目中包含某个值,根据需要返回 true 或 false。,笔记:,代码如下:,测试一下:,push() 方法将一个或多个元素添加到数组的末尾,并返回数组的新长度。,代码如下:,测试一下:,pop() 方法从数组中删除最后一个元素并返回该元素,此方法更改数组的长度。,代码如下:,测试一下:,unshift() 方法将一个或多个元素添加到数组的开头并返回数组的新长度。,笔记:,代码如下:,测试一下:,shift() 方法从数组中删除第一个元素并返回该删除的元素,此方法更改数组的长度。,代码如下:,测试一下:,reverse() 方法将数组反转到位,第一个数组元素成为最后一个,最后一个数组元素成为第一个。,代码如下:,测试一下:,fill() 方法将数组中的所有元素更改为静态值,从开始索引(默认 0)到结束索引(默认 array.length),它返回修改后的数组。,代码如下:,测试一下:,concat() 方法用于合并两个或多个数组,此方法不会更改现有数组,而是返回一个新数组。,代码如下:,测试一下:,join() 方法通过连接数组(或类似数组的对象)中的所有元素创建并返回一个新字符串,用逗号或指定的分隔符字符串分隔,如果数组只有一个项目,则将返回该项目而不使用分隔符。,代码如下:,测试一下:,关于这个JavaScript的数组方法,我在之前的内容中也分享了很多,如果你现在用不上,或者记不住的话,请自行收藏起来,留着以后需要时阅读。,如果你觉得我今天的内容对你有用的话,请记得点赞我关注我,并将这个内容分享给你的开发者朋友,也许能够帮助到他。
© 版权声明
文章版权归作者所有,未经允许请勿转载。