如何使用 Lodash 将项目添加到数组的开头？

Question

我一直在寻找一段时间来使用 lodash 将项目添加到数组的开头。 不幸的是，除了 lodash concat (to the end)之外，我似乎找不到任何东西。 文档似乎也没有对此发表任何评论。

我得到以下代码：

const [collection, setCollection] = useState({
  foo: [1, 2, 3]
});

const addToCollection = (key, items) => {
  setCollection(prevCollection => ({
   ...prevCollection,
   [key]: _.concat(prevCollection[key] || [], items)
  }));
};

但这会将所有项目连接到最后。 我不想每次都对它们进行排序，因为这会使用不必要的处理能力，我宁愿将它们添加到开头，因为 API 总是推送已经排序的项目

我将如何做到这一点：

addToCollection('foo', [4, 5, 6]);
console.log(collection['foo']) // [4, 5, 6, 1, 2, 3];

而不是现在发生的事情：

addToCollection('foo', [4, 5, 6]);
console.log(collection['foo']) // [1, 2, 3, 4, 5, 6];

Answer 1

尝试交换 arguments：

_.concat(items, prevCollection[key] || [])

Answer 2

或者 vanilla JS 也很简单：

Collection.unshift('addMe', var, 'otherString' )

https://www.w3schools.com/jsref/jsref_unshift.asp#:~:text=%20unshift()%20method%20adds,use%20the%20push()%20method 。

我知道你要了 lodash，但我认为这也是一件需要注意的好事情：）

编辑：

澄清一下，无论您是推送定义的变量、字符串、arrays、对象还是其他任何东西，这都是一样的：

let yourArray = [1,2,3];
let pushArray = [1,2,3,4];
let anotherArray = [7,8,9];
yourArray.unshift(pushArray, anotherArray);

将“pushArray”和“anotherArray”推到“yourArray”的开头，因此它的值如下所示：

[[1,2,3,4], [7,8,9], 1,2,3]

快乐编码！