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

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

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

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

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

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

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

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

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

方法一:array.indexOf

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

看看下面的例子:

var arr=[1,2,3,4];
var index=arr.indexOf(3);
console.log(index); // 2
AI 代码解读

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

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

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

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

这样我们就知道数组中是否有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
AI 代码解读

这样我们就找到了数组中第一个大于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
AI 代码解读

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

方法五:for循环暴力查找

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

👩‍🦰 想要了解更多

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

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

Array - JavaScript | MDN


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

目录
打赏
0
0
0
0
3
分享
相关文章
前端原生Js批量修改页面元素属性的2个方法
原生 Js 的 getElementsByClassName 和 querySelectorAll 都能获取批量的页面元素,但是它们之间有些细微的差别,稍不注意,就很容易弄错!
如何确保 Math 对象的方法在不同的 JavaScript 环境中具有一致的精度?
【10月更文挑战第29天】通过遵循标准和最佳实践、采用固定精度计算、进行全面的测试与验证、避免隐式类型转换以及持续关注和更新等方法,可以在很大程度上确保Math对象的方法在不同的JavaScript环境中具有一致的精度,从而提高代码的可靠性和可移植性。
JavaScript 实现大文件上传的方法
【10月更文挑战第17天】通过以上步骤和方法,我们可以实现较为可靠和高效的大文件上传功能。当然,具体的实现方式还需要根据实际的应用场景和服务器要求进行调整和优化。
有没有方法可以保证在JavaScript中多个异步操作的执行顺序?
有没有方法可以保证在JavaScript中多个异步操作的执行顺序?
15 1
Node.js中内存泄漏的检测方法
检测内存泄漏需要综合运用多种方法,并结合实际的应用场景和代码特点进行分析。及时发现和解决内存泄漏问题,可以提高应用的稳定性和性能,避免潜在的风险和故障。同时,不断学习和掌握内存管理的知识,也是有效预防内存泄漏的重要途径。
332 62
JavaScript字符串的常用方法
在JavaScript中,字符串处理是一个非常常见的任务。JavaScript提供了丰富的字符串操作方法,使开发者能够高效地处理和操作字符串。本文将详细介绍JavaScript字符串的常用方法,并提供示例代码以便更好地理解和应用这些方法。
58 13
js中DOM的基础方法
【10月更文挑战第31天】这些DOM基础方法是操作网页文档结构和实现交互效果的重要工具,通过它们可以动态地改变页面的内容、样式和行为,为用户提供丰富的交互体验。
js中BOM中的方法
【10月更文挑战第31天】
JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用
本文深入讲解了 JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用。
93 5
js中的bind,call,apply方法的区别以及用法
JavaScript中,`bind`、`call`和`apply`均可改变函数的`this`指向并传递参数。其中,`bind`返回一个新函数,不立即执行;`call`和`apply`则立即执行,且`apply`的参数以数组形式传递。三者在改变`this`指向及传参上功能相似,但在执行时机和参数传递方式上有所区别。
49 1

热门文章

最新文章