h5学习笔记:js find方法

最近做项目的时候,经常会有这样一个需求,检测数组里面是否存在,存在则返回true,不存在则返回false。于是就会编写一段循环来检测,这个也是很常见的遍历行为,按着顺序去查找是否有对应的匹配值。

<script type="text/javascript">
		    
		    var carlist = [{vin:"ls11",carname:"aaa"},{vin:"ls22",carname:"bbb"},{vin:"ls33",carname:"ccc"}];
		    var vin = "ls22";		   
			var flag = false;
			for (var i = 0; i <  carlist.length; i++) {
				var item = carlist[i];
				if(item.vin == vin){
					flag = true;
					break;
				}
			}
			
			if(flag)
			{
				console.log("有值");
			}
		</script>

这样写也很符合需求,但是发现js 还有一个find方法可以更少代码来遍历操作。稍微修改一下代码。

	    var carlist = [{vin:"ls11",carname:"aaa"},{vin:"ls22",carname:"bbb"},{vin:"ls33",carname:"ccc"}];
		var vin = "ls22";
		var result = carlist.find((item)=>{
		    	return item.vin == vin;
		    })
		    
	    console.log(result)

当查询到的时候会返回对应条目。否则会返回undefined。这样看起来可以写少很多代码,也满足了需求。
在这里插入图片描述

还算一个比较方便的方法。

发布了1410 篇原创文章 · 获赞 64 · 访问量 236万+

猜你喜欢

转载自blog.csdn.net/hero82748274/article/details/100140850