组合2个对象并维持秩序

Question

我有一组从路由器捕获的参数，并希望向其中添加1个额外的参数。
能够很好地添加它，但正在寻找维持秩序的方法。
我希望这个新参数是第一个，然后是剩余的。

示例。

来自路由器的现有参数。

apple=1&orange=2&banana=3

我想再添加1个参数，并将其作为第一个参数，如下所示。

myNewParam=value&apple=1&orange=2&banana=3

以下是组合它的工作原理。

2个查询。有没有办法将我的新参数移动到第一个？
因为我试着切换它们，结果相同，我的新参数最终是最后一个。
如果有更优雅的方式，也要提出建议。使用2x对象点方法
这感觉有点过头了。也许不是。做建议。谢谢

工作副本，但我的参数myNewParam总是最后一个。我希望它是第一个。

Object.assign(Object.fromEntries(new URLSearchParams(router.location.search)), {'myNewParam':'value'});
// same result
Object.assign({'myNewParam':'value'}, Object.fromEntries(new URLSearchParams(router.location.search)))

Answer 1

您可以对对象使用排列运算符，可从ECMAScript 2018获得。

const originParams= {apple: 1, orange: 2, banana :3};
const addedParams = {myNemParam : "value", ...originParams};
console.log(addedParams);

在此处签出文档