Vue 判断数组中是否存在某个字符串

Keva
阅读 897

扩展函数:

1.find()

let arr =[{name:'s'},{name:'y'},{name:'p'},{name:'Q'}];
let obj =arr.find((item)=>{item.name==='Q'});
if(obj){
	// 存在,返回obj={name:'Q'}
}else{
	// 不存在
}


2.findIndex()

['shiyun','chenye','1235456','12341212'].findIndex((v)=>(v==="1235456"))
// 得到的值!==-1,则存在
// 返回2,该值在数组中的位置

3.filter()

['nts','stg','esg'].filter((m)=>(m!=='stg'));// ['nts','esg']
// 可以判断数组过滤前的长度与过滤后的长度比较

4.includes()

['stg','nts','cds','app'].includes('app');
// true   存在
// false  不存在

5.some()

在搜索对象时,include()检查提供的对象引用是否与数组中的对象引用匹配。有时候这不是我们想要的,因为对象可以有相同的字段和相应的值,但引用不同。

我们可以使用some()方法根据对象的内容进行搜索。some()方法接受一个参数,接受一个回调函数,对数组中的每个值执行一次,直到找到一个满足回调函数设置的条件的元素,并返回true。

let animals = [{name: 'dog'}, {name: 'horse'}, {name: 'cat'}]
let element = {name: 'cat'}
console.log(animals.some(animal => animal.name === element.name))
回到顶部