如何在不使用擴展運算符的情況下擴展數組？

Question

有沒有辦法通過函數或數組方法在沒有擴展運算符的情況下擴展數組。 我正在解決 FCC 上的 Algo 挑戰，並且對此很好奇。

function uniteUnique(arr) {
  var args = [].slice.call(arguments);
  var newArr = [];
  args.forEach(arr => newArr.push(...arr));
  return newArr.reduce((array, num) => {
    if(!array.includes(num)) {
      array.push(num);
    }
    return array;
  }, []);
}

Answer 1

var args = [].slice.call(arguments);
var newArr = [];
args.forEach(arr => newArr.push(...arr));

這部分代碼只是將參數扁平化一層，也可以寫成

var newArr  = [].concat.apply([], arguments);

和

return newArr.reduce((array, num) => {
   if(!array.includes(num)) {
     array.push(num);
   }
   return array;
}, []);

正在返回一個沒有重復的版本。 也可以以不同的方式實現

//adding that, because it's so much simpler than your reduce
return [...new Set(newArr)]; 
return Array.from(new Set(newArr)); 

//or
return newArr.filter(function(v,i){ return newArr.indexOf(v) === i });

和整件事

 function uniteUnique( /*...arrays*/ ) { return [].concat.apply([], arguments) .filter(function(v, i, a) { return a.indexOf(v) === i }); } console.log(uniteUnique( 1, [2, 3, 4], 2, [3, 5], [2, 4, 6, 8], 8, [1, 3, 5, 7, 9] ));

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

---

如果您想通過多個（所有）級別展平，您可以這樣做

//reusable helper
function _flatten(into, value){
  if(Array.isArray(value)) 
    return value.reduce(_flatten, into);

  into.push(value);
  return into;
}

function _unique(v,i,a){ 
  return a.indexOf(v) === i;
}

function uniteUnique( /*...arrays*/ ) {
  return _flatten([], [].slice.call(arguments))
    .filter(_unique);
}

或多合一解決方案

function uniteUnique( /*...arrays*/ ) {
  return (function _recursive(into, value){
    if(Array.isArray(value)) 
      return value.reduce(_recursive, into);

    if(into.indexOf(value) === -1) into.push(value);
    return into;
  })([], [].slice.call(arguments));
}

Answer 2

const newArray = [...oldArray];

將產生與使用Array.prototype.concat相同的輸出：

const newArray = [].concat(oldArray)

如果您想將所有數組合並為一個，那么您可以使用Array.prototype.reduce 來完成：

const newArray = args.reduce((acc, arr) => acc.concat(arr), [])

Answer 3

使用Function.prototype.apply() 。 考慮這篇關於使用apply()模擬傳播的文章： 使用 'apply' 來模擬 JavaScript 即將推出的傳播運算符。

function uniteUnique(arr) {
  var args = [].slice.call(arguments);
  var newArr = [];

  args.forEach(arr => Array.prototype.push.apply(newArr, arr));

  return newArr.reduce((array, num) => {
    if(!array.includes(num)) {
      array.push(num);
    }
    return array;
  }, []);
}