在javascript中创建一系列玩具

时间:2018-03-28 12:52:13

标签: javascript

我创建了一个带儿童玩具的在线商店。我想用javascript编写数组中的整个玩具列表,我试着用以下方式来做。

var toys = [
     {'cars': [
        0 : ['name', 'type', 'color', 'image'],
        1 : ['name', 'type', 'color', 'image'],
        2 : ['name', 'type', 'color', 'image']
     ]},
     
     {'tractors': [
        0 : ['name', 'type', 'color', 'image'],
        1 : ['name', 'type', 'color', 'image'],
        2 : ['name', 'type', 'color', 'image']
     ]}
];

document.write(toys[cars][0][name]);

我做错了什么?

2 个答案:

答案 0 :(得分:1)

您使用的是无效的JavaScript。数组不像PHP一样用它们的索引声明。只需将它们列在括号内([])。

var toys = {
  'cars': [
    { 'name': 'HERE', 'type': '', 'color': '', 'image': '' },
    { 'name': '', 'type': '', 'color': '', 'image': '' },
    { 'name': '', 'type': '', 'color': '', 'image': '' }
  ],
  'tractors': [
    { 'name': '', 'type': '', 'color': '', 'image': '' },
    { 'name': '', 'type': '', 'color': '', 'image': '' },
    { 'name': '', 'type': '', 'color': '', 'image': '' }
  ]
};

document.write(toys['cars'][0]['name']);

答案 1 :(得分:0)

使用document.write是一种不好的做法我建议你替换元素中的内容...... 您有更正的语法错误。

var toys = [
     {'cars': [
         ['name', 'type', 'color', 'image'],
         ['name', 'type', 'color', 'image'],
         ['name', 'type', 'color', 'image']
     ]},
     
     {'tractors': [
        ['name', 'type', 'color', 'image'],
        ['name', 'type', 'color', 'image'],
        ['name', 'type', 'color', 'image']
     ]}
];

var el = document.getElementById('toys');

el.innerHTML= toys[0]['cars'][0];
<div id="toys"></div>