📕 重学JavaScript:判断数组中包含哪些值有什么好方法?

简介: 你有没有遇到过这样的问题:你想要判断一个数组中包含哪些值,但是却不知道改用什么方法就直接用for循环遍历?🤔

📕 重学JavaScript:判断数组中包含哪些值有什么好方法?

嗨,大家好!这里是道长王jj~ 🎩🧙‍♂️

这里是关于 Javascript 数组高阶函数的第二篇文章。

你有没有遇到过这样的问题:你想要判断一个数组中包含哪些值,但是却不知道改用什么方法就直接用for循环遍历?🤔

其实,这种只要是跟数组有关系的问题,都可以尝试用一些高阶函数来解决。

高阶函数有许多的特定场景可以给我们许多的便利😊,而且这些场景又恰恰是我们最常用的一些场景👍

因此这一期我们就专门针对这个问题看看,有什么什么好的方法提供给我们。

方法一:array.indexOf

这个方法可以告诉我们某个值在数组中的下标。如果数组中有这个值,就返回它的下标;如果没有,就返回-1。

看看下面的例子:

var arr=[1,2,3,4];
var index=arr.indexOf(3);
console.log(index); // 2

这样我们就知道3在数组中的位置了。👍

方法二:array.includes(searcElement[,fromIndex])

这个方法可以告诉我们数组中是否包含某个值。如果数组中有这个值,就返回true;如果没有,就返回false。

var arr=[1,2,3,4];
if(arr.includes(3))
    console.log("存在"); // 存在
else
    console.log("不存在");

这样我们就知道数组中是否有3了。😊

方法三:array.find(callback[,thisArg])

这个方法有点复杂,它可以帮助我们找到数组中满足条件的第一个元素的值。

它需要一个回调函数作为参数,这个回调函数会对数组中的每个元素进行判断,如果返回true,就表示找到了满足条件的元素;如果没有找到,就返回undefined。🕵️‍♂️

var arr=[1,2,3,4];
var result = arr.find(item =>{
   
    return item > 3 // 判断是否大于3
});
console.log(result); // 4

这样我们就找到了数组中第一个大于3的值了。👏

方法四:array.findeIndex(callback[,thisArg])

这个方法和上一个方法很类似,只不过它返回的是满足条件的第一个元素的下标,而不是值。如果没有找到,就返回-1。👉

var arr=[1,2,3,4];
var result = arr.findIndex(item =>{
   
    return item > 3 // 判断是否大于3
});
console.log(result); // 3

这样我们就找到了数组中第一个大于3的值的位置了。😎

方法五:for循环暴力查找

当然,for循环当然是没有问题的,这里讨论的是数组方法,就不再展开了😜

👩‍🦰 想要了解更多

列Api的东西其实没什么好写的。还是惯例,我把文档地址列在这里。

如果你想了解更多关于 array 方法的信息,你可以查看 MDN 的文档:

Array - JavaScript | MDN


🎉 你觉得怎么样?这篇文章可以给你带来帮助吗?如果你有任何疑问或者想进一步讨论相关话题,请随时发表评论分享您的想法,让其他人从中受益。🚀✨

目录
相关文章
|
7天前
|
前端开发 JavaScript
JavaScript——promise 是解决异步问题的方法嘛
JavaScript——promise 是解决异步问题的方法嘛
15 0
|
5天前
|
JSON JavaScript 前端开发
JavaScript实现字符串转json对象的方法
JavaScript实现字符串转json对象的方法
|
1天前
|
JavaScript 数据安全/隐私保护
如何在Vue组件中调用封装好的外部js文件方法
这篇文章介绍了如何在Vue组件中调用封装好的外部js文件方法,包括在Vue项目中全局引入外部js文件,并在组件中通过this.$myMethod()的方式调用外部js文件中定义的方法。
如何在Vue组件中调用封装好的外部js文件方法
|
3天前
|
JavaScript 测试技术 索引
js数组方法汇总
js数组方法汇总
7 1
|
5天前
|
JavaScript 前端开发 索引
JS - includes 方法和 map 方法使用方式
这篇文章介绍了JavaScript中数组的`includes`方法和`map`方法的用法,包括它们的语法、参数说明和具体的示例代码。`includes`方法用于判断数组是否包含特定元素,而`map`方法用于对数组中的每个元素执行操作并返回新数组。
9 1
|
5天前
|
JavaScript 前端开发
JavaScript基础&实战(5)js中的数组、forEach遍历、Date对象、Math、String对象
这篇文章介绍了JavaScript中的数组、Date对象、Math对象以及包装类(String、Number、Boolean),并详细讲解了数组的创建、方法(如forEach、push、pop、unshift、slice、splice)和遍历操作,以及工厂方法创建对象和原型对象的概念。
JavaScript基础&实战(5)js中的数组、forEach遍历、Date对象、Math、String对象
|
1天前
|
JavaScript Linux
2022年超详细在CentOS 7上安装Node.js方法(源码安装)
这篇文章介绍了在CentOS 7系统上通过源码安装Node.js的详细步骤,包括从官网下载Node.js源码包、将安装包上传至虚拟机、解压安装包、删除压缩文件、编译安装Node.js、检查Node.js和npm版本,以及切换npm源到淘宝镜像以加速下载。此外,还提供了一个获取Linux下Node.js离线安装包的微信公众号搜索方式。
|
4天前
|
JavaScript 前端开发
javascript中常见获取时间戳的方法
javascript中常见获取时间戳的方法
12 0
|
4天前
|
JavaScript 前端开发
js中this是指向的哪个全局变量,改变this指向的方法有什么?
js中this是指向的哪个全局变量,改变this指向的方法有什么?
6 0
|
4天前
|
前端开发 JavaScript
JavaScript 获取 HTML 元素方法
JavaScript 获取 HTML 元素方法
9 0

热门文章

最新文章