Javascript数组问题:无法读取未定义属性

Javascript array problem: Cannot read property of undefined

本文关键字:读取 未定义 属性 数组 问题 Javascript      更新时间:2023-09-26

我正试图在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>';

这段代码在浏览器中给了我一个错误:

Uncaught TypeError: Cannot read property 'id' of undefined

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

正如@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>';

您可以使用匿名对象并将其压入数组

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

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

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

小提琴