JavaScript 数组方法：find 与 findIndex 用法详解

JavaScript 数组方法：find 与 findIndex

在 JavaScript 中，find() 和 findIndex() 是用于遍历数组并查找元素的方法。两者的主要区别在于返回值：find() 返回匹配的第一个元素对象，而 findIndex() 返回对应的索引下标。

基础用法

const stu = [{ name: '李四', gender: '男', age: 20 }];

// find() 返回匹配的元素对象
stu.find((element) => element.name === '李四'); 
// 返回 {name: "李四", gender: "男", age: 20}

// findIndex() 返回匹配元素的索引下标
stu.findIndex((element) => element.name === '李四'); 
// 返回 0

对象数组查找示例

在实际业务中，常需根据特定字段（如省份名称）从对象数组中获取数据。以下示例展示了如何结合 findIndex() 判断是否存在目标数据。

var arr = [
  { provCode: null, count: "16", rgnname: "宁夏" },
  { provCode: null, count: "158", rgnname: "山东" },
  { provCode: null, count: "8", rgnname: "北京" },
  { provCode: null, : , :  },
  { : , : , :  },
  { : , : , :  },
  { : , : , :  },
  { : , : , :  },
  { : , : , :  },
  { : , : , :  },
  { : , : , :  },
  { : , : , :  },
  { : , : , :  },
  { : , : , :  },
  { : , : , :  }
];


 provinceName = ;


 () {
   params. === provinceName;
}


 e = arr.(getIndex);

 (e !== -) {
   count = (arr[e].);
  .(count, );
  
  
  
}  {
  
  .();
}