多维名称选择器

时间:2016-06-08 12:55:43

标签: javascript jquery arrays input

所以我有一个像这样的 巨大的 数组:

var enemy = {
    'level1' : {
        creature :
        {
            creature_name : {
                 'Goblin' : {
                    info: {
                        'c_name' : 'Goblin',
                        'HP' : '20',
                        'damage' : '3',
                        'loot' : [
                            {name: 'a wooden sword'   , item: 'weapon'  , value: 2}, 
                            {name: 'a golden necklace', item: 'amulet' , value: 1},
                            {name: 'a pair of boots'  , item: 'boots'  , value: 1},
                            {name: 'some cloth legs'  , item: 'legs'  , value: 3},
                            {name: 'a cloth helmet'  , item: 'helm'  , value: 2}
                        ]
                    }
                 },
                 'Cow' : {
                    info: {
                        'c_name' : 'Cow',
                        'HP' : '10',
                        'damage' : '1',
                        'loot' : [
                            {name: 'a wooden sword'   , item: 'weapon'  , value: 2}, 
                            {name: 'a golden necklace', item: 'amulet' , value: 1},
                            {name: 'a pair of boots'  , item: 'boots'  , value: 1},
                            {name: 'a cloth helmet'  , item: 'helm'  , value: 2}
                        ]
                    }
                 },
                 'dragon' : {
                    info: {
                        'c_name' : 'Cow',
                        'HP' : '300',
                        'damage' : '300',
                        'loot' : [
                            {name: 'an almighty dragon sword'   , item: 'weapon'  , value: 200}, 
                            {name: 'a dragon tooth', item: 'amulet' , value: 30},
                            {name: 'a pair of dragon boots'  , item: 'boots'  , value: 60},
                            {name: 'a dragon helmet'  , item: 'helm'  , value: 60}
                        ]
                    }
                 },

            }

        },
    },
    'level2' : {
        'skelleton' : {
            'HP' : '40',
            'damage' : '5',
            'loot' : [
                {name: 'a bone'   , item: 'weapon'  , value: 1},
                {name: 'a warriors helmet'   , item: 'helm'  , value: 4} 
            ]
        }
    }

};

当我选择生物时,我想要我这样称呼它:

enemy.level1.creature.creature_name.dragon.info.c_name

现在我希望能够通过input box或类似的东西来选择敌人。 但我无法弄清 我是如何在enemy.level1.creature.creature_name.dragon.info.c_name

中插入该值的

我尝试使用enemy.level1.creature.creature_name.+ input_value + .info.c_name

但这似乎不起作用。对此必须是一个简单的解决方案吗?

2 个答案:

答案 0 :(得分:1)

将变量名称作为哈希元素时,要访问而不是.dot表示法,您可以使用[]表示法。

所以

enemy.level1.creature.creature_name[input_value].info.c_name

应该得到你想要的东西。

答案 1 :(得分:0)

你所拥有的是一个对象而不是一个数组。您可以通过多种方式设置对象属性。一种方式是:

var myObj = {
  foo: {
    value : "foo"
  },
  bar: {
    value: "bar"
  }
}

myObj["foo"] = "123";

在你的情况下你的对象更大但过程是相同的:

enemy.level1.creature.creature_name[input_value].info.c_name = "whatever name";

其中输入值是creature_name的有效属性之一,即“dragon”:

enemy.level1.creature.creature_name["dragon"].info.c_name = "whatever name"