js 判断数组中是否包含某个元素(转载)「建议收藏」

js 判断数组中是否包含某个元素(转载)「建议收藏」来源:https://www.cnblogs.com/yunshangwuyou/p/10539090.html方法一:array.indexOf(item,start):元素在数组中的位置,如果没与搜索到则返回-1。参数 描述 item 必须。查找的元素。 start 可选的整数参数。规定在数组中开始检索的位置。它的合法取值是0到stringObject.length-1。 如省略该参数,则将从字符串的首字符开始检索。 ..

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

来源:https://www.cnblogs.com/yunshangwuyou/p/10539090.html

方法一:array.indexOf(item,start):元素在数组中的位置,如果没与搜索到则返回 -1。

参数 描述
item 必须。查找的元素。
start

可选的整数参数。规定在数组中开始检索的位置。它的合法取值是 0 到 stringObject.length – 1。

如省略该参数,则将从字符串的首字符开始检索。

实际用法:if(arr.indexOf(某元素) > -1){//则包含该元素}

复制代码

复制代码

var fruits = ["Banana", "Orange", "Apple", "Mango"];

var a = fruits.indexOf("Apple"); // 2

//以上输出结果意味着 "Apple" 元素位于数组中的第 3 个位置。

 var fruits=[“Banana”,”Orange”,”Apple”,”Mango”,”Banana”,”Orange”,”Apple”];

 var a = fruits.indexOf(“Apple”,4); //6

 //以上输出结果意味在数组的第四个位置开始检索:

复制代码

复制代码

  注:string.indexOf()返回某个指定的字符串值在字符串中首次出现的位置。

1.该方法将从头到尾地检索字符串 stringObject,看它是否含有子串 searchvalue。开始检索的位置在字符串的 fromindex 处或字符串的开头(没有指定 fromindex 时)。如果找到一个 searchvalue,则返回 searchvalue 的第一次出现的位置。

2. stringObject 中的字符位置是从 0 开始的。

3. 查找字符串最后出现的位置,使用 lastIndexOf() 方法。

JavaScript Array filter() 方法有类似的检索功能:

  filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。

  注意: filter() 不会对空数组进行检测。

  注意: filter() 不会改变原始数组。

复制代码

复制代码

var ages = [32, 33, 16, 40];
function checkAdult(age) {
    return age == 16;
}
function myFunction() {
    ages.filter(checkAdult);
  console.log(ages.filter(checkAdult))
}
myFunction()

//[16]

var ages = [32, 33, 16, 40];
function checkAdult(age) {
    return age <= 14;
}
function myFunction() {
    ages.filter(checkAdult);
  console.log(ages.filter(checkAdult))
}
myFunction()

//[]

复制代码

复制代码

方法二:array.find()

数组实例的find()用于找出第一个符合条件的数组元素。它的参数是一个回调函数,所有数组元素依次遍历该回调函数,直到找出第一个返回值为true的元素,然后返回该元素,否则返回undefined。

find() 方法返回通过测试(函数内判断)的数组的第一个元素的值。

find() 方法为数组中的每个元素都调用一次函数执行:

  • 当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素,之后的值不会再调用执行函数。
  • 如果没有符合条件的元素返回 undefined

注意: find() 对于空数组,函数是不会执行的。

注意: find() 并没有改变数组的原始值。

复制代码

复制代码

[1, 5, 10, 15].find(function(value, index, arr) {
return value > 9;
}) 

// 10

//实际用法:

arr.find(function(value) {

if(value === 要查找的值) {

//则包含该元素
}
})

复制代码

复制代码

方法三:array.findIndex()

array.findIndex()和array.find()十分类似,返回第一个符合条件的数组元素的位置,如果所有元素都不符合条件,则返回-1。 
findIndex() 方法为数组中的每个元素都调用一次函数执行:

当数组中的元素在测试条件时返回 true 时, findIndex() 返回符合条件的元素的索引位置,之后的值不会再调用执行函数。 
如果没有符合条件的元素返回 -1

注意: findIndex() 对于空数组,函数是不会执行的。 
注意: findIndex() 并没有改变数组的原始值

复制代码

复制代码

var ages = [3, 10, 18, 20];
 
function checkAdult(age) {
    return age >= 18;
}
 
function myFunction() {
    console.log(ages.findIndex(checkAdult)) ;
}
myFunction()

//2

复制代码

复制代码

方法二和方法三,这两个方法都可以发现NaN,弥补了方法一IndexOf()的不足。

[NaN].2.dexOf(NaN) 
//-1

[Na3..findIndex(y => Object.is(NaN, y))
// 0

方法四:for()循环

复制代码

复制代码

遍历数组,然后 if 判断

var arr = [1, 5, 10, 15];

//传统for

for(let i=0; i<arr.length; i++) {

if(arr[i] === 查找值) {

//则包含该元素
}
}
// for...of

for(v of arr) {

if(v === 查找值) {

//则包含该元素
}
}
//forEach

arr.forEach(v=>{

if(v === 查找值) {

//则包含该元素
}
})

复制代码

复制代码

方法五:就是使用jquery的inArray方法,该方法返回元素在数组中的下标,如果不存在与数组中,那么返回-1,代码如下所示:
/**
* 使用jquery的inArray方法判断元素是否存在于数组中
* @param {Object} arr 数组
* @param {Object} value 元素值
*/

复制代码

复制代码

function isInArray2(arr,value){
var index = $.inArray(value,arr);
if(index >= 0){
return true;
}
return false;

方法六、include()方法:

arr.includes(searchElement)方法用来判断一个数组是否包含一个指定的值,如果是返回 true,否则false。searchElement:必须。需要查找的元素值。

let site = ['runoob', 'google', 'taobao'];
 
site.includes('runoob'); 
// true 
 
site.includes('baidu'); 
// false

例子 结果
[1, 2, 3].includes(2); //true
[1, 2, 3].includes(4); // false
[1, 2, 3].includes(3, 3); // false
[1, 2, 3].includes(3, -1); //true
[1, 2, NaN].includes(NaN); //true

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

var arr = [‘a’, ‘b’, ‘c’]; 注意:如果fromIndex 大于等于数组长度 ,则返回 false 。该数组不会被搜索 arr.includes(‘c’, 3); //false arr.includes(‘c’, 100); // false 注意:如果 fromIndex 为负值,计算出的索引将作为开始搜索searchElement的位置。如果计算出的索引小于 0,则整个数组都会被搜索。 // 数组长度是3 // fromIndex 是 -100 // computed index 是 3 + (-100) = -97 arr.includes(‘a’, -100); // true arr.includes(‘b’, -100); // true arr.includes(‘c’, -100); // true

方法七.Array some() 方法,类似于filter()

some() 方法用于检测数组中的元素是否满足指定条件(函数提供)。

some() 方法会依次执行数组的每个元素:

如果有一个元素满足条件,则表达式返回true , 剩余的元素不会再执行检测。
如果没有满足条件的元素,则返回false。
注意: some() 不会对空数组进行检测。

注意: some() 不会改变原始数组。

var ages = [3, 10, 18, 20]; function checkAdult(age) { return age == 18; } function myFunction() { console.log(ages.some(checkAdult)); } myFunction() //true

方法八、Jquery的$.each()
each() 方法为每个匹配元素规定要运行的函数。 var anArray = [‘one’,’two’,’three’]; $.each(anArray,function(n,value){ if(value==”one”){ console.log(“one存在于数组中”); } } );

//one存在于数组中

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

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/180243.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 服务器重启项目引发的nginx 502 Bad Gateway解决

    服务器重启项目引发的nginx 502 Bad Gateway解决一、问题起因:ssh登录远程服务器重启项目(第一次),未等tomcat启动完成,直接访问项目的对应后台管理系统网站,导致网页一直加载不出来,心急又去重复启动项目(第二次),再次访问网页报错:502BadGatewaynginx。二、解决思路:…这里饶了很多弯路。前面几步是没有解决的错误思路,想要看最终解决,直接跳过,去查看最后的总结…1.首先想到去查看nginx日志,…

    2022年6月24日
    96
  • 汇编语言——移位指令[通俗易懂]

    基本概念移位操作指令:移位操作指令是一组经常使用的指令,属于汇编语言逻辑指令中的一部分,它包括移位指令(含算术移位指令、逻辑移位指令),循环移位指令(含带进位的循环移位指令),双精度移位指令三大类。其功能为将目的操作数的所有位按操作符规定的方式移动1位或按寄存器CL规定的次数(0~255)移动,结果送入目的地址。目的操作数是8位(或16位)的寄存器数据或存储器数据。基本格式格式为…

    2022年4月16日
    145
  • 独立样本与配对样本t检验

    独立样本与配对样本t检验spss操作全力推荐医咖会这个医学网站,上面讲解非常齐全,下附链接:https://www.mediecogroup.com组间均值是否存在差异,使用t检验独立样本t检验1、需满足条件①、数据满足独立性、②、样本均数服从正态分布、③、两个总体方差齐,可选用两个样本均数比较的t检验2、进行判断①、逻辑上判断是否满足独立,②、数据量比较大时,一般可认为数据满足正态分布③、方差齐次…

    2022年6月19日
    31
  • TCP/IP 协议详解内容总结「建议收藏」

    TCP/IP 协议详解内容总结「建议收藏」TCP/IP 协议详解内容总结

    2022年4月24日
    44
  • pycharm add configuration怎么配置_pycharm配置教程

    pycharm add configuration怎么配置_pycharm配置教程一、虚拟环境的配置1、进入Pycharm的设置页面,找到自己的项目,点击右上侧的‘Add’按钮,进行添加。2、进入添加页面,选择已存在的虚拟环境,点击右侧按钮进行添加3、选择你所需要的虚拟环境,进行添加,最后点击‘OK’。4、添加成功之后,会生成如图所示的地址,点击‘Apply’,再点击‘OK’即可。二、配置所需环境变量1、点击‘Run’,找到‘EditConfigurati…

    2022年8月28日
    2
  • Vue高阶组件_高阶组件的承上启下

    Vue高阶组件_高阶组件的承上启下目录一、高阶组件概念二、目标三、思路四、准备五、实现六、难点Reference一、高阶组件概念何谓高阶组件?类比高阶函数的定义:将函数作为参数的函数就是高阶函数,那么,将组件作为参数的组件就是高阶组件。二、目标假如我们有一个组件,我们希望通过某个函数,去扩展它,得到一个新的组件,新的组件有完全的参数组件的行为,如果这点可以满足,那么其他扩展就可以针对性的…

    2025年7月27日
    4

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号