当前位置:网站首页>JS to determine whether an element exists in the array (four methods)
JS to determine whether an element exists in the array (four methods)
2022-07-05 13:14:00 【Yan Shuangying】
Law 1 : utilize indexOf
There is no return -1, There is an index that returns the first occurrence
// js Check whether the array contains an element
// Law 1 indexOf
var arr = [100,20,50,58,6,69,36,45,78,66,45]
if(arr.indexOf(66)==-1){
console.log(" non-existent ")
}else{
console.log(" There is , The index is :",arr.indexOf(66))
}
Law two : utilize find
Its argument is a callback function , All array elements traverse the callback function in turn , Until you find out that the first return value is true The elements of , Then return the element , Otherwise return to undefined.
var arr = [100,20,50,58,6,69,36,45,78,66,45]
arr.find(function(value,index,arr){
if(value==45){
console.log(" There is ",index)
}
})
console.log(param)
lookup 45,find Will find out all that exists 45 And index
Law three : utilize some
some Methods are also used to detect whether there are elements that meet the conditions , If there is , Do not continue to retrieve the following elements , Go straight back to true, If it doesn't fit , Returns a false.
Usage and find be similar , It's just find Is to return the element that meets the condition ,some Back to a Boolean value , In terms of semantics , Whether to include the return Boolean value is more appropriate .
let arr = [100,20,50,58,6,69,36,45,78,66,45]
// some
let result = arr.some(ele => ele === 45) //true
if (result) {
//do something...
};
console.log(result)
Law four :includes
ES6 New array method , Used to detect whether the array contains an element , If include return true, Otherwise return to false, What's more powerful is , It can be detected directly NaN:
advantage Not to mention , There is no one in the simplest way , No callback , No complicated writing , One way to do it directly .
shortcoming It is not very friendly to support low version browsers
let arr = [100,20,50,58,6,69,36,45,78,66,45,NaN]
// Law four
let flag = arr.includes(1100)
let flag1 = arr.includes(NaN)
console.log(flag,flag1)
Recommended includes() Method , Convenient and quick , One step in place ~
边栏推荐
猜你喜欢
峰会回顾|保旺达-合规和安全双驱动的数据安全整体防护体系
Hundred days to complete the open source task of the domestic database opengauss -- openguass minimalist version 3.0.0 installation tutorial
[cloud native] use of Nacos taskmanager task management
RHCSA10
Concurrent performance test of SAP Spartacus with JMeter
946. Verify stack sequence
ASEMI整流桥HD06参数,HD06图片,HD06应用
Asemi rectifier bridge hd06 parameters, hd06 pictures, hd06 applications
先写API文档还是先写代码?
How to protect user privacy without password authentication?
随机推荐
[notes of in-depth study paper]uctransnet: rethink the jumping connection in u-net from the perspective of transformer channel
Navigation property and entityset usage in SAP segw transaction code
MySQL 巨坑:update 更新慎用影响行数做判断!!!
Yyds dry inventory JS intercept file suffix
山东大学暑期实训一20220620
Run, open circuit
碎片化知识管理工具Memos
Shi Zhenzhen's 2021 summary and 2022 outlook | colorful eggs at the end of the article
Default parameters of function & multiple methods of function parameters
155. 最小栈
程序员成长第八篇:做好测试工作
SAP UI5 DynamicPage 控件介紹
Association modeling method in SAP segw transaction code
Get you started with Apache pseudo static configuration
无密码身份验证如何保障用户隐私安全?
Hiengine: comparable to the local cloud native memory database engine
Word document injection (tracking word documents) incomplete
解决 UnicodeDecodeError: ‘gbk‘ codec can‘t decode byte 0xa2 in position 107
Difference between avc1 and H264
初次使用腾讯云,解决只能使用webshell连接,不能使用ssh连接。