在 JavaScript 中改变对象

Question

有用的提示：请考虑阅读底部的“目的是什么”部分，因为我什至可能没有最好的方法开始。谢谢。嘿！所以我有这个：parent: {    child1: {        prop: 'hi there'    },    child2: {        prop: 'hey there'    }}我想运行一些值映射魔法来让它变成这样：newObj: {    child1: 'hi there',    child2: 'hey there'}我希望映射函数（或此过程的正确名称）本质上采用prop中每个子项的值parent，并将该值设置value为 a的部分，该部分key带有与 on 相同的名称（parent如果有意义的话）。每个子对象上的属性是否总是命名为prop？是的。为什么不从一开始就这样定义呢？因为除了prop我需要使用的属性之外，我还有其他属性。目的是什么？我正在使用 Laravel。当我将其发送到服务器进行验证时，我必须验证child1.prop而不是child1，这意味着错误消息发送回：child1.prop ：“有些东西是无效的”......我希望它是child1:"有些东西是无效的"'如果有更好的方法，请提出建议。

Answer 1

只需添加@Chris G 的答案，其他用户就可以轻松找到它：

const parent = {

  child1: {

    prop: 'hi there'

  },

  child2: {

    prop: 'hey there'

  }

};

const newObj = Object.entries(parent).reduce((a, [key, { prop }]) => ({ ...a, [key]: prop }), {});

out.textContent = JSON.stringify(newObj);