Question

我正在尝试用javascript编写一些应用程序，我遇到了数组问题。

我有以下代码

var levels=new Array(),level={};
level.id=1;level.name="Суперваизер";level.url="supervisor";
levels.push(level);
level.id=2;level.name="Торговый представитель";level.url="agent";
levels.push(level);
level.id=3;level.name="Группа продукта";level.url="pg_group";
levels.push(level);
level.id=4;level.name="Категория продукта";level.url="pg_category";
levels.push(level);
level.id=5;level.name="Торговая марка";level.url="pg_trademark";
levels.push(level);
level.id=6;level.name="Продукт";level.url="product";
levels.push(level);
level.id=7;level.name="Регион";level.url="region";
levels.push(level);
level.id=8;level.name="Типы т.т.";level.url="outlet_type";
levels.push(level);
level.id=9;level.name="Торговая точка";level.url="outlet";
levels.push(level);
level.id=10;level.name="Тип оплата";level.url="payment_type";
levels.push(level);
level.id=11;level.name="Филиал";level.url="filial";
levels.push(level);
level.id=12;level.name="Экспедитор";level.url="expeditor";
levels.push(level);
level.id=13;level.name="Участник проекта";level.url="action_type";
levels.push(level);

//select
var select='<select>';
for(var i=0;i<13;i++){
  var option='<option value=' + levels[i].id + '>' + levels[i].name + '</option>';
  select+=option;
  }
select+='</select>';

此代码在浏览器中显示错误：

未捕获的TypeError：无法读取属性＆＃39; id＆＃39;未定义的

如何在这种情况下使用数组？

Answer 1

您可以使用匿名对象并将它们推送到数组

levels.push({ id: 1, name: "Суперваизер", url: "supervisor" });

我建议在for循环中使用数组长度而不是硬编码值：

for(var i = 0; i < levels.length; i++){
    //do work
}

Fiddle

Answer 2

正如@dystroy所说，你每次都使用相同的level对象，你修改它而不是创建一个新对象。

无论如何，您可以使用以下语法简化它：

var levels = [
    {id: 1,  name: "Суперваизер",            url: "supervisor"  },
    {id: 2,  name: "Торговый представитель", url: "agent"       },
    {id: 3,  name: "Группа продукта",        url: "pg_group"    },
    {id: 4,  name: "Категория продукта",     url: "pg_category" },
    {id: 5,  name: "Торговая марка",         url: "pg_trademark"},
    {id: 6,  name: "Продукт",                url: "product"     },
    {id: 7,  name: "Регион",                 url: "region"      },
    {id: 8,  name: "Типы т.т.",              url: "outlet_type" },
    {id: 9,  name: "Торговая точка",         url: "outlet"      },
    {id: 10, name: "Тип оплата",             url: "payment_type"},
    {id: 11, name: "Филиал",                 url: "filial"      },
    {id: 12, name: "Экспедитор",             url: "expeditor"   },
    {id: 13, name: "Участник проекта",       url: "action_type" }
];

var select = '<select>';
for(var i = 0; i < levels.length; i++) {
    select += '<option value=' + levels[i].id + '>' + levels[i].name + '</option>';
}
select += '</select>';

Javascript数组问题：无法读取undefined的属性

2 个答案: