僅在滿足條件的情況下如何將元素添加到數組

Question

有一個箭頭函數創建一個數組，如：

const myFunction = () => ["a", "b", "c"];

我想為其添加一個參數，如果該參數為true，則必須添加另一個元素。

像這兒：

const myFunction = (arg) => ["a", "b", "c", arg ? "d" : null];

此解決方案的問題是，如果arg !== true ，仍然會添加一個null元素，但在這種情況下我不希望添加任何內容。

Answer 1

您可以使用數組傳播。 根據arg的值，一個空數組或包含d的數組將散布到結果數組中：

 const myFunction = (arg) => ["a", "b", "c", ...arg ? ['d'] : []]; console.log(JSON.stringify(myFunction(true))); // ["a","b","c","d"] console.log(JSON.stringify(myFunction())); // ["a","b","c"] 

Answer 2

您可以使用concat ：

 const myFunction = (arg) => ["a", "b", "c"].concat(arg ? ["d"] : []); console.log(myFunction(true)); console.log(myFunction(false)); 

Answer 3

您可以使用Array push（） 。

 const myFunction = (arg) => { const arr = ["a", "b", "c"]; if (arg) arr.push("d"); return arr; }; console.log(myFunction(true)); console.log(myFunction(false)); 

Answer 4

您可以將功能延長一點，

• 創建一個臨時數組，
• 如果需要，將元素附加到臨時數組，
• 並在完成后返回臨時數組

 const myFunction = (arg) => { var tempArray = ["a", "b", "c"]; if (arg) { tempArray.push("d"); } return tempArray; }; console.log(myFunction(true) + ""); console.log(myFunction(false) + ""); 

Answer 5

const myFunction = (arg) => {
  ret = ['a', 'b', 'c']
  return arg === true ? ret.concat('d') : ret;
}

在其他解決方案中，您有arg ? 代替arg === true ? 。 如果您希望myFunction僅對arg = true返回帶有'd'數組，那么您應該使用我的解決方案。 如果您希望它返回例如arg = 17 'd' ，但不希望它返回arg = 0 'd' ，請使用其他解決方案。

Answer 6

您也可以這樣做：

const myMethod = (arg) => {
   var tempArray = ["item 1", "item 2", "item 3"];

   !arg || tempArray.push("item 4");

   return tempArray;
};

console.log(myMethod(false));
console.log(myMethod(true));

Answer 7

Ori有正確的答案 。 將其用於所有現代瀏覽器。 如果由於某種原因您仍然停留在舊版瀏覽器上-

["a", "b", "c"].concat(arg ? 'd' : [])

Answer 8

如果將數組存儲在變量中，則可以這樣進行：

 const arr = ["a", "b", "c"]; const myFunction = arg => arg === true ? [...arr, "d"] : arr; console.log(myFunction(true)); console.log(myFunction());