不能用一个主变量访问单个变量[jS]

Can't access individual variables with 1 main variable [jS]

本文关键字:变量 访问 单个 jS 一个 不能      更新时间:2023-09-26

我的结构是这样的:

    var Menu = {
      crab    : 5,
      lobster : 4,
      potato  : 10,
      rib     : 3,
      wings   : 8
    }, // foodcount1-4 represent the HTML mapping  
  foodCount1 = document.getElementById('crab'),    
  foodCount2 = document.getElementById('lobster'),    
  foodCount3 = document.getElementById('potato'),    
  foodCount4 = document.getElementById('rib'),    
  foodCount5 = document.getElementById('wings');

我不知道如何访问任何单独的变量。我试过索引对象(Menu . I),我试过抓取其他变量,如数组(Menu[1]),但我似乎无法得到它。

编辑:这是我想知道的:

如何访问变量中的其他项?也就是var menu ={…}, food1, food2, food3;我怎么到达食物1、2和3?

如果您只需要访问Menu对象的任何数据,只需使用Menu.crabMenu["crab"]。它是javascript "associative"数组访问。

// Access a member in JS Object
var Menu = {
  crab    : 5,
  lobster : 4,
  potato  : 10,
  rib     : 3,
  wings   : 8
};
Menu.crab; // => 5
Menu['rib']; // => 3
// Loop members in JS Object
Object.keys(Menu).forEach(function(key) {
   console.log(key); // => 'crab', 'lobster', ...etc
   console.log(Menu[key]); // => 5, 4, ...etc
});

var foo = {test: 'abc'}, var1 = 1, var2 = 2;
// is equal to
var foo = {test: 'abc'};
var var1 = 1;
var var2 = 2;