帶變量的Javascript點符號

Question

不知道該怎麼說。

我想使用一個變量來確定鑽入對象返回值的距離。

var target = "level1.level2.var"; 
var myObject = { 
        level1: { 
         level2: { 
          var: 'value' 
         } 
        } 
       } 
var returnVal = myObject.target; 

這怎麼辦？顯然這不會起作用。是否有其他可能？

我想我可能會爆炸目標變量，然後循環每個級別，但認爲我會問，看看有沒有更容易忽略的方法。

Answer 1

您可以使用此功能：

function get_property_from_target(obj, target){ 
    var arr = target.split('.'); 
    for(var i = 0; i < arr.length; i++){ 
     if(obj) 
      obj = obj[arr[i]]; 
    } 
    return obj; 
} 

然後調用它像：

get_property_from_target(myObject, target); 

我的函數重命名爲更好的東西了。

也請不要命名對象屬性var因爲這是一個JavaScript中的關鍵字，它可能會讓人困惑，我不確定它會一直按照您期望的方式工作，或者它只會導致一些錯誤瀏覽器。

Answer 2

除了編寫代碼將目標分割爲.之外，沒有辦法，那麼對於每個令牌，只要「路徑」有效，就向下鑽取該對象。

Answer 3

我會做什麼（也許不是最好的，但它會工作），這是你的建議。展開變量，然後轉到該級別。

var target = "level1.level2.var"; 
target = target.split('.'); 

var returnVal = myObject; 
for(var i=0,len=target.length; i<len; i++){ 
    returnVal = returnVal[target[i]]; 
} 

console.log(returnVal); // value 

Answer 4

更容易？當然，使用eval：

var obj = eval('myObject.' + target); 

這不是一個真正的嚴肅的回答，雖然。你不應該使用eval那麼好的代碼。唯一的其他方式，據我所知，但是，是循環爲你描述：

var items = target.split('.'); 
var obj = myObject; 
var i; 

for(i = 0; i < items.length; i++) { 
    obj = obj[items[i]]; 
} 

或者，用正則表達式黑客：

var obj = myObject; 
target.replace(/[^\.]+/g, function(m) { 
    obj = obj[m]; 
}); 

無論如何，你現在可以使用obj。

Answer 5

我可以看到這樣做的方法有兩種：

• 使用eval()（皺眉，因爲eval是evil）：

  var returnVal = eval('myObject.' + target); 
  

• 使用循環：

  var split = target.split('.'); 
  var newTarget = myObject; 
  
  for (var i = 0; i < split.length; i++) { 
      newTarget = newTarget[split[i]]; 
  }