如何用find()查找指定id的对象并输出其customerName属性

你的代码存在三个问题： #

• 变量名拼写错误：原数组是drinkOrders，你写成了drinksOrders（多了一个s）
• 括号未闭合：find方法的箭头函数和console.log的括号都未完整闭合，属于语法错误
• 未提取目标属性：find方法返回的是匹配的完整对象，你需要进一步获取customerName属性才能得到需求结果

正确代码示例 #

分步写法（可读性更强） #

// 先找到id为3的订单对象
const targetOrder = drinkOrders.find(order => order.id === 3);
// 提取并打印customerName属性
console.log(targetOrder?.customerName);

链式写法（更简洁） #

console.log(drinkOrders.find(order => order.id === 3)?.customerName);

代码说明 #

• 修正变量名：使用正确的数组名称drinkOrders
• 补全语法结构：确保箭头函数和console.log的括号完整，避免语法报错
• 提取目标属性：找到匹配对象后，通过.customerName获取对应属性；使用可选链操作符?.可以避免当找不到匹配对象时出现Cannot read properties of undefined的报错

内容的提问来源于stack exchange，提问作者Nikki Marie