数组find方法查找的对象不存在

最新推荐文章于 2024-06-07 17:18:41 发布

_必应

最新推荐文章于 2024-06-07 17:18:41 发布

阅读量2.3k

点赞数 1

分类专栏： javascript/es6/es7 文章标签： javascript 数组 find

本文链接：https://blog.youkuaiyun.com/jbguo/article/details/105514338

版权

javascript/es6/es7 专栏收录该内容

51 篇文章

订阅专栏

数组find方法使用时的问题
在查询数组中某个对象，并获取对象的属性值时报错导致整个页面打不开的问题

const array1 = [{id: 1, name: 2},{id: 3, name: 4} ];
const found = array1.find(element => element.id === 2).name  // 输出undefined;
console.log(found); // 此时会报错，因undefined下并没有name 
// 输出错误(Error: Cannot read property 'name' of undefined)
// 正确做法
const found = array1.find(element => element.id === 2);
if(found) {
  console.log(found.name);
}

也可以 const found = array1.find(element => element.id === 2) && array1.find(element => element.id === 2).name; // 此时直接输出undefined
直接通过find查找会出现找不到对象的，返回undefind的情况，所以可以增加一层判断，再取值。
很多其他类似的情况，大多是因返回undefined导致