连接，但前置而不是附加[重复]

Question

我有这种情况：

const args = ['b','c','d'];
var foo = 'a';
args.unshift(foo);
fn.apply(ctx, args); // args => ['a','b','c','d'] ✅

我可以使用 concat，但这会将 foo 放在列表的末尾：

const args = ['b','c','d'];
var foo = 'a';
fn.apply(ctx, args.concat(foo)); // args => ['b','c','d','a'] ❌

我正在寻找“precat”，这样我就可以在前面创建一个新元素的新数组，用 JS 做这件事的最好方法是什么？我愿意接受任何可以节省我一行代码的事情:)

Answer 1

想到了两个单行...

fn.apply(ctx, [foo].concat(args))

fn.call(ctx, foo, ...args)

后者使用ES2015 spread syntax。

更新

不，没有Array#precat()，这是有充分理由的，因为这被证明是微不足道的。

TC39/proposal-array-precat（我在开玩笑！（也许......（它是是个玩笑））

Object.defineProperty(Array.prototype, 'precat', {
  configurable: true,
  writable: true,
  value: function precat() {
    return Array.prototype.concat.call([], ...arguments, this)
  }
})

console.log(['e', 'f', 'g'].precat('a', ['b', 'c'], 'd'))

Answer 2

您可以创建一个函数，该函数返回一个新的Array()，其中第一个传递的变量设置在结果数组的索引0，使用扩展元素将第二个参数传递的数组连接到单个数组，或者如果没有传递参数第二个参数，返回一个Array()，元素在第一个参数处传递

const prepend = (element, array = []) => 
                  !element ? [] : Array.of(element, ...array);

prepend("a", ["b", "c", "d"]) // `["a", "b", "c", "d"]`

prepend("a") // `["a"]`

prepend() // `[]`