引用在JavaScript

Question

你怎麼做了以下JS變量引用複雜的變量：

1. 當你有一個數組（x[0], x[1], ...），和你有一個像這樣的按鈕：

   <button onclick="say(0)"></button> 
   

   的函數看起來像這樣：

   function say(src){ 
       // Define the box (some random div element will do) 
       var box = document.querySelector('#box'); 
   
       // This is wrong, I know... I need to refer to the variable 'response[0]' in this case... 
       box.innerHTML = response[src]; 
   } 
   

2. 當你有以下lis變量T：

   var book = "Some Book"; 
   var shelf = "Some Shelf" 
   var bookshelf = "The cake!" 
   

在這種情況下，如果我想（無論何種原因）是指可變bookshelf，我怎麼辦呢通過結合其他兩個變量的變量名？

我的意思是，我不能這樣做var x = book + shelf;，因爲那會給我result = "Some BookSome Shelf"。

Answer 1

不要讓他們的變量，讓他們一個對象的屬性：

var tags = { 
    book: 'Some book', 
    shelf: 'Some shelf', 
    bookshelf: 'The Cake!' 
}; 

var which = 'bookshelf'; 
var x = tags[which]; 

Answer 2

你可能想給他們一個對象的屬性（雖然他們很可能已經window對象的屬性） ：

var stuff = { 
    book: "Some book!", 
    shelf: "Some shelf", 
    bookshelf: "The cake!" 
}; 

function say(src) { 
    // Define the box (some random div element will do) 
    var box = document.querySelector('#box'); 

    box.innerHTML = stuff[response[src]]; 
}