JavaScript中,filter获取关联数组后无法访问嵌套sentences数组?
问题分析与解决
核心问题:filter()返回的是数组而非单个对象
你用filter()筛选后得到的currentIpsum是数组类型——哪怕只有一个匹配项,它也是长度为1的数组。数组本身没有sentences属性,所以直接console.log(currentIpsum.sentences)会返回undefined。
正确做法:改用find()获取单个匹配对象
既然你要找的是对应id的唯一Ipsum对象,用find()更合适,它会直接返回第一个符合条件的单个对象,而非数组:
const currentIpsum = ipsums.find(ipsum => ipsum.id == activeIpsum);
此时再访问currentIpsum.sentences,就能正常拿到对应的句子数组了。
修正索引访问的错误
你写的console.log(currentIpsum[sentences[3]);存在两个问题:
- 语法错误:缺少闭合的方括号
- 逻辑错误:即便
currentIpsum是数组,也不能通过这种方式访问句子
如果一定要用filter()(不推荐,因为没必要返回数组),得先取数组里的第一个对象,再访问sentences:
const currentIpsumArray = ipsums.filter(ipsum => ipsum.id == activeIpsum); if (currentIpsumArray.length > 0) { console.log(currentIpsumArray[0].sentences[3]); // 正确获取第4个句子 }
额外提醒
- 表单选择框的
value默认是字符串类型,你的ipsum.id是数字,用==会自动做类型转换;要是想严格匹配,可以写成ipsum.id === Number(activeIpsum) - 建议先判断
currentIpsum是否存在,避免找不到匹配项时报错:
if (currentIpsum) { console.log(currentIpsum.sentences); console.log(currentIpsum.sentences[3]); } else { console.log('没找到对应的Ipsum内容'); }
内容的提问来源于stack exchange,提问作者Dean Forant
相关产品推荐
相关产品推荐

