JavaScript 数组 find 方法详解:如何查找指定 id 的元素
这段代码演示了如何在 listScenic 数组中查找一个 id 属性等于指定 id 值的元素。
代码使用了数组的 find 方法,它接收一个回调函数作为参数。回调函数中的箭头函数表达式 item => item.id === id 用于判断每个元素的 id 属性是否与指定的 id 值匹配。如果找到匹配的元素,find 方法就会返回该元素并将其赋值给 item 变量。
例如:
const listScenic = [
{ id: 1, name: '景点 A' },
{ id: 2, name: '景点 B' },
{ id: 3, name: '景点 C' }
];
const id = 2;
const item = listScenic.find(item => item.id === id);
console.log(item); // 输出 { id: 2, name: '景点 B' }
注意:
- 这段代码需要在一个对象或类的方法中使用,因为它使用了
this关键字来引用对象或类的成员。 - 如果在数组中没有找到匹配的元素,
find方法将返回undefined。
原文地址: https://www.cveoy.top/t/topic/qxQR 著作权归作者所有。请勿转载和采集!