如何从另一个对象创建对象 JavaScript

Question

如何将第一个变量entries转换为newEntries变量？let entries = {  "app": "/main/application/src/app/src/pages/app/src/index.js",  "app1": "/main/application/src/app/src/pages/app/src/app1.js",  "app2": "/main/application/src/app/src/pages/app/src/app2.js"}let newEntries = {  //from entries should be that:  app: ["@babel/polyfill", "/main/application/src/app/src/pages/app/src/index.js"],  app1: ["@babel/polyfill", "/main/application/src/app/src/pages/app/src/app1.js"],  app2: ["@babel/polyfill", "/main/application/src/app/src/pages/app/src/app2.js"],}

Answer 1

您可以使用.reducewithObject.entries来实现这一点。首先，Object.entries将在您的entries对象中为您提供一组键值对：

[["app", "/main/application/src/app/src/pages/app/src/index.js"], ...]

然后，您可以使用.reduce来构建一个新对象，该对象获取上述数组的每个内部数组（即：获取每个键值）并将其添加到新对象中。但是，新对象的值是一个包含当前值和字符串的数组"@babel/polyfill"。

见下面的实现：

let entries = {

  "app": "/main/application/src/app/src/pages/app/src/index.js",

  "app1": "/main/application/src/app/src/pages/app/src/app1.js",

  "app2": "/main/application/src/app/src/pages/app/src/app2.js"

}

const arr_res = Object.entries(entries).reduce(

                  (acc, [k, v]) => ({...acc, [k]: ["@babel/polyfill", v]}),

                {});

console.log(arr_res);

Answer 2

以下是假设"@babel/polyfill"不变但很容易更改的快捷方式。

let entries = {

  "app": "/main/application/src/app/src/pages/app/src/index.js",

  "app1": "/main/application/src/app/src/pages/app/src/app1.js",

  "app2": "/main/application/src/app/src/pages/app/src/app2.js"

};

let newEntries = Object.keys(entries).map(key => [key,["@babel/polyfill", entries[key]]])

                                     .reduce((a,c) => {a[c[0]] = c[1]; return a},{});

console.log(newEntries);

如果我没记错的话，Object.entries()它比Object.keys()以前更近，我会把它留在这里以防浏览器支持很重要。