數組賦值中的引用錯誤（左手邊分配）

Question

我有下面的代碼，我試圖在一個參數的幫助下執行一個函數。上面的參數告訴Javascript來在陣列上/串使得其指示執行的操作（例如ps陣列並且如果id參數爲0 properties字符串，as陣列和attributes串如果id不爲0）：

var properties = "apple=fruit"; 
var attributes = "carrot=vegetable banana=fruit cherry=fruit fruit"; 
var ps = []; 
var as = []; 

function getpsas(id) 
    { 
    (id === 0 ? ps : as) = (id === 0 ? properties : attributes).split(" ").map 
    (
    function(element) 
     { 
     var eqlpos = element.lastIndexOf("="); 
     return {name: element.substr(0, eqlpos), type: element.substr(eqlpos + 1)}; 
     } 
    ).filter 
     (
     function(element) 
     { 
     return (/^(vegetable|fruit)$/.test(element.type)); 
     } 
    ); 
    } 

getpsas(0); 
getpsas(1); 

console.log(ps); 
console.log(as); 

，Fiddle這裏。它會在(id === 0 ? ps : as) =部分引發「Uncaught ReferenceError：賦值中無效的左手邊」。如果我從=左側刪除括號，它將起作用，除了它執行僅適用於後一個陣列（又名as）而不是前者（又名ps）的功能。

我知道我在這裏做錯了什麼，錯過了一個符號/一對括號或其他東西。我已經檢查了operator precedence in Javascript，關於同一事件的其他問題，但都表明它應該起作用，因爲操作員（我認爲）是正確的，例如，條件的===，轉讓的簡單的=等。最令我困惑的是三元運算符內的其他引用（本示例的右邊部分，我的代碼的其他部分）工作。

那麼......這個有什麼問題呢？

Answer 1

您不能在作業的左側使用? :。三元運算符表達式的值始終爲的值，而不是的引用;編程語言人們通常使用的r值和l值。您只能分配到的l值，但不能生成l值和? :。

「l」和「r」代表「左」和「右」並且與賦值運算符有關。當然，並非所有的語言都從右向左進行分配;音樂編程語言「查克」是一個反例。

如果你將值分配給一個對象的屬性，你可以做這樣的事情：

someObject[foo == bar ? "x" : "y"] = whatever(); 

這是因爲? :是一個子表達式是左手側的判定的一部分分配。這沒關係，因爲外部[ ]表達式返回l值。

Answer 2

表達式(id === 0 ? ps : as)返回ps或as的值。如果你想分配something的變量做這樣的事情：

if (0 === id) ps = something; 
else as = something; 

另一種方式是有條件通過計算成員訪問環繞ps和as一個對象，並設置任一成員：

const obj = { 
    ps: [], 
    as: [], 
} 

obj[0 === id ? 'ps' : 'as'] = something; 

Answer 3

你可以用一個數組和computed property names做一個destructuring assignment。

function getpsas(id) { 
 
    [ps, as] = Object.assign([ps, as], { 
 
     [id]: [properties, attributes][id] 
 
      .split(" ") 
 
      .map(function (element) { var eqlpos = element.lastIndexOf("="); return { name: element.substr(0, eqlpos), type: element.substr(eqlpos + 1) }; }) 
 
      .filter(element => /^(vegetable|fruit)$/.test(element.type)) 
 
    }); 
 
} 
 

 
var properties = "apple=fruit", 
 
    attributes = "carrot=vegetable banana=fruit cherry=fruit fruit", 
 
    ps = [], 
 
    as = []; 
 

 
getpsas(0); 
 
getpsas(1); 
 

 
console.log(ps); 
 
console.log(as);

.as-console-wrapper { max-height: 100% !important; top: 0; }