使用for循环遍历对象数组时出现属性未定义错误的技术求助

哈哈，这个坑我刚写JS的时候也踩过！你的问题出在循环条件的判断上，咱们一步步拆解：

首先看你的数组data，它的长度是2（两个元素），而JS数组的索引是从0开始的——也就是说第一个元素是data[0]，第二个是data[1]，根本不存在data[2]。

但你的循环写的是：

for (var i = 0; i <= data.length; i++) {
  console.log(data[i].name)
}

data.length是2，i <= 2会让循环执行3次：i=0、i=1、i=2。当i=2的时候，data[2]是undefined，你再去访问undefined.name，自然就会抛出“property name is undefined”的错误了！

修正后的代码 #

把循环条件里的<=改成<就搞定了：

module.exports = { 
  commands: ["test"], 
  callback: (message, arguments, text) => { 
    const data = [ 
      { name: "Ren", id: "NURE1" }, 
      { name: "Isa", id: "SCIS1" } 
    ] 
    for (var i = 0; i < data.length; i++) { 
      console.log(data[i].name) 
    } 
  } 
}

更简洁的写法（推荐） #

其实在JS里遍历数组，用forEach会更直观，还能避免这种索引错误：

data.forEach(item => {
  console.log(item.name)
})

这样直接遍历每个元素，不用手动管索引，省心多啦！

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