17站长网

17站长网 首页 编程 JavaScript 查看内容

javascript怎么查找指定数组元素是否存在

2022-10-13 19:16| 查看: 2274 |来源: 网络

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

4种方法:1、用includes()检测,语法“数组.includes(元素值)”;2、用some()检测,语法“function f(v) {if (v===值) {return true;}}var b= 数组.some(f);”;3、用indexOf()检测,语法“数组.indexOf(值)”;4、用lastIndexOf(),语法“数组.lastIndexOf(值)”。

javascript怎么查找指定数组元素是否存在

前端(vue)入门到精通课程:进入学习
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API调试工具:点击使用

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

方法1:利用数组的includes() 方法

includes() 方法用来判断一个数组是否包含一个指定的值,如果是返回 true,否则false。

arr.includes(searchElement [, fromIndex])

登录后复制

  • searchElement 必须。需要查找的元素值。

  • fromIndex 可选。从该索引处开始查找 searchElement。如果为负值,则按升序从 array.length fromIndex 的索引开始搜索。默认为 0。

示例:判断fruits数组中是否包含给定元素“榴莲”

var fruits = ['苹果',"香蕉", '榴莲', '橘子', '菠萝蜜',"梨子"]; if(fruits.includes('榴莲')){ 	console.log("给定元素是存在的"); }else{ 	console.log("给定元素是不存在的"); }

登录后复制

javascript怎么查找指定数组元素是否存在

方法2:利用数组的some()方法

some()方法可以检测数组中是否存在符合条件的元素。换个角度思考,也可以用来检测数组中的所有元素是否都不符合指定条件,都不符合的话就返回 false,有一个或者多个符合的话就返回 true。

array.every(function callbackfn(Value,index,array),thisValue)

登录后复制

参数描述
function(currentValue, index,arr)必须。函数,数组中的每个元素都会执行这个函数
函数参数:
参数描述currentValue必须。当前元素的值index可选。当前元素的索引值arr可选。当前元素属于的数组对象
thisValue可选。对象作为该执行回调时使用,传递给函数,用作 "this" 的值。
如果省略了 thisValue ,"this" 的值为 "undefined"

返回值:布尔值。如果数组中有元素满足条件返回 true,否则返回 false。

示例:

function f(value, index, ar) {     if (value === '橘子') {         return true;     } } var fruits = ['苹果',"香蕉", '榴莲', '橘子', '菠萝蜜',"梨子"]; var b = fruits.some(f); if (b) {    console.log("给定元素是存在的"); } else {    console.log("给定元素是不存在的"); }

登录后复制

输出结果为:

javascript怎么查找指定数组元素是否存在

方法3:利用数组的indexOf()方法

indexOf() 方法可返回数组中某个指定元素的第一次出现位置。如果要检索的元素没有出现,则该方法返回 -1。

array.indexOf(item,start)

登录后复制

参数描述
item必须。查找的元素。
start可选的整数参数。规定在数组中开始检索的位置。它的合法取值是 0 到 stringObject.length – 1。如省略该参数,则将从字符串的首字符开始检索。

实现思想:利用该方法检查指定值在数组的第一次出现位置,如果位置是存在的,则包含该给定元素。如果返回-1,则不包含该给定元素。

下面给出实现代码:

var fruits = ['苹果',"香蕉", '榴莲', '橘子', '菠萝蜜',"梨子"]; var b = fruits.indexOf("桃子"); if (b>0) {    console.log("给定元素是存在的"); } else {    console.log("给定元素是不存在的"); }

登录后复制

输出结果为:

javascript怎么查找指定数组元素是否存在

方法4:利用数组的lastIndexOf()方法

lastIndexOf()方法可搜索数组中的元素,并返回它最后出现的位置。如果要检索的元素没有出现,则该方法返回 -1。

array.lastIndexOf(item,start)

登录后复制

参数描述
item必需。规定需检索的字符串值。
start可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length – 1。如省略该参数,则将从字符串的最后一个字符处开始检索。

实现思想:利用该方法检查指定值在数组的最后出现位置,如果位置是存在的,则包含该给定元素;如果返回-1,则不包含该给定元素。

下面给出实现代码::

var fruits = ['苹果',"香蕉", '榴莲', '橘子', '菠萝蜜',"梨子"]; var b = fruits.lastIndexOf("葡萄"); if (b>0) {    console.log("给定元素是存在的"); } else {    console.log("给定元素是不存在的"); }

登录后复制

输出结果为:

javascript怎么查找指定数组元素是否存在


本文最后更新于 2022-10-13 19:16,某些文章具有时效性,若有错误或已失效,请在网站留言或联系站长:17tui@17tui.com
·END·
站长网微信号:w17tui,关注站长、创业、关注互联网人 - 互联网创业者营销服务中心

免责声明:本站部分文章和图片均来自用户投稿和网络收集,旨在传播知识,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系我们及时修正或删除。谢谢!

17站长网微信二维码

始终以前瞻性的眼光聚焦站长、创业、互联网等领域,为您提供最新最全的互联网资讯,帮助站长转型升级,为互联网创业者提供更加优质的创业信息和品牌营销服务,与站长一起进步!让互联网创业者不再孤独!

扫一扫,关注站长网微信

大家都在看

    热门排行

      最近更新

        返回顶部