如何从Array数组中准确获取name属性值，解决返回undefined报错问题

问题原因 #

你访问属性的对象类型判断错误：meetingConductingMembers是数组类型，数组实例本身没有自带name属性，你要获取的name是数组内部存储的元素对象的自有属性，直接在数组外层访问自然返回undefined。

正确获取方式 #

1. 获取指定位置元素的name值 #

数组元素通过下标索引定位，下标从0开始计数，比如获取第一个元素的name：

// 下标0对应第一个元素，1对应第二个，以此类推
console.log(meetingConductingMembers[0].name)

2. 获取所有元素的name组成新数组 #

用数组的map方法遍历提取所有name：

const allNames = meetingConductingMembers.map(item => item.name)
console.log(allNames)

3. 按指定ID匹配后获取对应name #

如果你要根据元素的ID标识找对应元素的name，用find方法匹配即可，配合可选链?.避免匹配不到时报错：

// 把下方的目标id替换成你要找的具体id值即可
const targetItem = meetingConductingMembers.find(item => item.id === '目标id')
console.log(targetItem?.name)

内容的提问来源于stack exchange，提问作者Faisal Nazik