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

在上一篇文章中我们介绍了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])

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

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

下面通过实例来具体了解一下:判断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视频教程

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


kindeditor4.x代码高亮功能默认使用的是prettify插件,prettify是Google提供的一款源代码语法高亮着色器,它提供一种简单的形式来着色HTML页面上的程序代码,实现方式如下: 首先在编辑器里面插入javascript代码: 确定后会在编辑器插入这样的代码: <pre
这一篇我将介绍如何让kindeditor4.x整合SyntaxHighlighter代码高亮,因为SyntaxHighlighter的应用非常广泛,所以将kindeditor默认的prettify替换为SyntaxHighlighter代码高亮插件 上一篇“让kindeditor显示高亮代码”中已经
js如何实现弹出form提交表单?(图文+视频)
js怎么获取复选框选中的值
js如何实现倒计时跳转页面
如何用js控制图片放大缩小
JS怎么获取当前时间戳
JS如何判断对象是否为数组
JS怎么获取图片当前宽高
JS对象如何转为json格式字符串
JS怎么获取图片原始宽高
怎么在click事件中调用多个js函数
js如何往数组中添加新元素
js如何拆分字符串
JS怎么对数组内元素进行求和
JS如何判断屏幕大小
js怎么解析json数据
js如何实时获取浏览器窗口大小
原生JS实现别踩白块小游戏(五)
原生JS实现别踩白块小游戏(一)