菜鸟笔记
提升您的技术认知

JavaScript 数组方法find()

find()方法简介:

  • 可用查找出当前数组中第一个符合筛选条件的元素(不是下标)。
  • 若当前数组中有符合筛选条件的元素,则返回第一个符合筛选条件的元素。
  • 若没有符合条件的元素,则返回undefined
  • 不修改原数组

filter()方法使用:

 		//find 查找符合条件的第一个元素
        //最多可传递三个参数  item为数组元素,index是当前元素下标,arr是整个数组
        //index和arr是可选参数
        
        let arr = [10,20,30,40,50];    
        //查找大于20的元素
        var result= arr.find(function(item,index,arr){
  
            return item>20;
        });
        console.log("第一个大于20的元素:"+result);
        
        //查找大于100的元素
        var result= arr.find(function(item,index,arr){
  
            return item>100;
        });
        console.log("若无大于100的元素,返回:"+result);
   
        //查找后原数组不变
        console.log("查找后原数组不变:"+arr);

控制台输出结果:

	第一个大于20的元素:30
	若无大于100的元素,返回:undefined
	查找后原数组不变:10,20,30,40,50