javascript - REST 中未定义 jQuery Ajax 对象点符号

Question

嘿，大家好，我在理解为什么我的 foreach 无法在 AJAX 成功函数中解析我的 RESTful 端点时遇到了一个很大的问题:

所以我有以下代码:

$.ajax({
  dataType: "json",
  url: '/showroom-event-gallery-api',
  success: function(data) {
    var rawData = data.slice(0,10);
    console.log(rawData);
    for (var i = 0, len = rawData.length; i < len; i++) {
      var imageName = rawData.name;
      console.log(imageName);
    }
  }
});

console.log(rawData); 语句成功运行并显示来 self 的 REST api 的对象。我遇到的问题是，当我尝试使用点表示法在所有对象中选择一个名为 name 的参数并将它们存储到变量中时。

当我 console.log(imageName); 时，我未定义，但是 name 参数位于对象内部，所以我不确定为什么会发生这种情况？

这是我的数据示例:

[  
    {  
       id:225,
       car_image_category_id:37,
       image_name:"DSC_9672",
       name:"77a3b8f84d63557d165f3b4ecf0d079e5cd1ae67.jpg",
       path:"img/imagedb/77a3b8f84d63557d165f3b4ecf0d079e5cd1ae67.jpg",
       thumbnail_path:"img/imagedb/thumbs/tn-77a3b8f84d63557d165f3b4ecf0d079e5cd1ae67.jpg",
       created_at:"2016-07-27 18:13:50",
       updated_at:"2016-07-27 18:13:50"
    },
    {  
       id:226,
       car_image_category_id:37,
       image_name:"DSC_9673",
       name:"af508985a53d7288d58cea118389a58b3567b364.jpg",
       path:"img/imagedb/af508985a53d7288d58cea118389a58b3567b364.jpg",
       thumbnail_path:"img/imagedb/thumbs/tn-af508985a53d7288d58cea118389a58b3567b364.jpg",
       created_at:"2016-07-27 18:13:50",
       updated_at:"2016-07-27 18:13:50"
    },
    {  
       id:227,
       car_image_category_id:37,
       image_name:"DSC_9677",
       name:"85832b6a6d952873f2e277ca19b5eab826d63340.jpg",
       path:"img/imagedb/85832b6a6d952873f2e277ca19b5eab826d63340.jpg",
       thumbnail_path:"img/imagedb/thumbs/tn-85832b6a6d952873f2e277ca19b5eab826d63340.jpg",
       created_at:"2016-07-27 18:13:51",
       updated_at:"2016-07-27 18:13:51"
    }
 ]

如您所见，可以选择name，但是当我使用点表示法来执行此操作时，我的变量返回为未定义。

知道为什么会发生这种情况吗？

谢谢

Answer 1

应该是rawData[i].name

   for (var i = 0, len = rawData.length; i < len; i++) {
      var imageName = rawData[i].name;
      console.log(imageName);
    }