Question

我找到了这段代码......

var newEntry, table = [];
newEntry = {
    id: '321',
    price: '1000',
};
table.push(newEntry);
alert(table[0].id);

它的工作方式与预期相符。但是我需要添加多个条目，比如这个......

var newFont, newColor, table = [];
newFont = {
    family: 'arial',
    size: '12',
};
newColor = {
    hex: 'red',
};
table.push(newFont);
table.push(newColor);
alert(table[0].font);

问题

我不想写table[0].family。
相反，我想写table['font'].family。
这是一个命名键，而不仅仅是一个数字。如果设置增加会更好。

Answer 1

听起来你想要一个对象，而不是一个数组：

var settings = {
    font: {
        family: 'arial',
        size: '12'
    },
    color: {
        hex: 'red'
    }
};
alert(settings.font.family);    // one way to get it
alert(settings['font'].family); // another way to get it

Answer 2

在JavaScript中，数组不能包含命名键，但您可以将table更改为对象并使用命名键。

var newFont, newColor, table = {};
newFont = {
    family: 'arial',
    size: '12',
};
newColor = {
    hex: 'red',
};

table.font = newFont;
table.color = newColor;

console.log(table['font'].family);
console.log(table.font.family);

Answer 3

你试过这个：table['font'] = newFont;？

具有命名键的数组对象

3 个答案: