Javascript:无法通过for..in循环访问对象属性

Mar*_*ira 3 html javascript css object for-in-loop

我试图访问实际位于另一个对象内的对象上的属性(名称).我在文件中初始化了对象:

var icons = {

    "facebook": {name: 'facebook', icon_url: 'img/logos/facebook.png'}

};
Run Code Online (Sandbox Code Playgroud)

然后尝试使用以下代码检查对象:

   var icon_current_class;

  for(var icon in icons){

    console.dir(icon);
    //outputs an object named facebook but says it has no properties

    if( $(this).hasClass( icon.name ) ){
      icon_current_class = icon.name;
    }else{
      alert("Something went wrong. Please contact the mods.");
    }
  }
Run Code Online (Sandbox Code Playgroud)

当然,每次运行时,警报("出问题")都会消失.我已经尝试了很长时间才找到解决方案,但无济于事.有人可以帮忙吗?

Pop*_*les 6

for(var icon in icons)
Run Code Online (Sandbox Code Playgroud)

在for循环中,icon您被分配了没有对象,它是每个项目的索引/键.

for (var i in icons){
    console.dir(icons[i]);
...
Run Code Online (Sandbox Code Playgroud)


One*_*One 6

for(var x in y) x是对象的关键,您需要使用y[x]返回值:

for(var icon_name in icons){
    var icon = icons[icon_name];
    .....code....
}
Run Code Online (Sandbox Code Playgroud)