• 技术文章 >web前端 >js教程

    JS数组学习之检查是不是存在给定元素

    青灯夜游青灯夜游2021-08-30 18:08:50原创177
    在上一篇文章中我们介绍了JavaScript返回满足给定条件首个元素的3种方法,感兴趣的可以点击链接进行查阅→《JS数组学习之返回满足给定条件的首个元素》。这次我们继续JavaScript数组的学习,来聊聊利用JS怎么检测指定值在数组中是否存在,有需要的朋友可以学习了解一下~

    今天本文的主要内容是:给定一个值,遍历数组,检查数组是不是包含该值。简单来说,检查数组中是不是有一个或多个数组元素的值等于该值。

    下面本文会带大家了解4种方法,通过代码示例来给大家具体介绍的。废话不多说,直接开始~

    方法1:利用for循环

    实现思想:利用for语句来遍历数组,在每次循环中利用===判断数组元素是否为给定值,当有第一个元素满足条件,则数组中存在给定元素,给出提示,然后使用break语句退出整个循环。

    下面通过实例来具体了解一下:判断fruits数组中是否包含给定元素“榴莲”

    var fruits = ['苹果',"香蕉", '榴莲', '橘子', '菠萝蜜',"梨子"];
    for(var i=0;i<fruits.length;i++){
    	if (fruits[i] === "榴莲") {
    		console.log("指定元素‘ "+fruits[i]+" ’是存在的");
    		break;
    	}
    }

    输出结果为:

    1.png

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

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

    语法:arr.includes(searchElement [, fromIndex])

    下面通过实例来具体了解一下:判断fruits数组中是否包含给定元素“榴莲”

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

    输出结果为:

    2.png

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

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

    语法:array.every(function callbackfn(Value,index,array),thisValue)

    下面通过实例来具体了解一下:

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

    输出结果为:

    给定元素是存在的

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

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

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

    下面给出实现代码:

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

    输出结果为:

    给定元素是存在的

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

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

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

    下面给出实现代码::

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

    输出结果为:

    给定元素是不存在的

    好了,就说到这里了,有需要的可以看:javascript视频教程

    以上就是JS数组学习之检查是不是存在给定元素的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    上一篇:JS数组学习之返回满足给定条件的首个元素 下一篇:一文讲解ajax实现无刷新上传和下载(代码详解)
    线上培训班

    相关文章推荐

    • JS数组学习之遍历数组,将元素值全部扩大一倍• JS数组学习之判断数组元素是不是都满足给定条件• JS数组学习之返回满足给定条件的全部元素• JS数组学习之返回满足给定条件的首个元素

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网