我想简化（使用 Object.assign）一批 JSON 文件

Question

I have a batch of JSON files looking like this:

{
  "properties": [
    {
      "Frame": "Yellow"
    },
    {
      "Sky": "Apocalypse"
    },
    {
      "Grass": "green"
    },
    {
      "Sign": "sign"
    },
    {
      "Graffitis": "shit"
    },
    {
      "Things": "can"
    },
    {
      "Quotes": "emptyness"
    },
    {
      "Border": "framing"
    },
    {
      "Logo": "logo"
    },
    {
      "Overlay": "overlay"
    }
  ]
}

And I want to modify them so they look like this:

{
  Border: "framing",
  Frame: "Yellow",
  Graffitis: "shit",
  Grass: "green",
  Logo: "logo",
  Overlay: "overlay",
  Quotes: "emptyness",
  Sign: "sign",
  Sky: "Apocalypse",
  Things: "can"
}

How can I achieve this?

Answer 1

Use Object.assign like so

const input = {
  "properties": [
    {
      "Frame": "Yellow"
    },
    {
      "Sky": "Apocalypse"
    },
    {
      "Grass": "green"
    },
    {
      "Sign": "sign"
    },
    {
      "Graffitis": "shit"
    },
    {
      "Things": "can"
    },
    {
      "Quotes": "emptyness"
    },
    {
      "Border": "framing"
    },
    {
      "Logo": "logo"
    },
    {
      "Overlay": "overlay"
    }
  ]
}    
const output = Object.assign({}, ...input.properties);

Answer 2

You can use Array.prototype.reduce() and spread syntax to accomplish this in one line:

 let obj = { "properties": [{ "Frame": "Yellow" }, { "Sky": "Apocalypse" }, { "Grass": "green" }, { "Sign": "sign" }, { "Graffitis": "shit" }, { "Things": "can" }, { "Quotes": "emptyness" }, { "Border": "framing" }, { "Logo": "logo" }, { "Overlay": "overlay" }] } console.log(obj["properties"].reduce((prev, current) => ({...prev, ...current }), {}))

Answer 3

Hey and welcome to StackOverflow!

I recommend using a for-loop to iterate through an object you have parsed from the json ( JS read json file and use as an object ):

let newObject = {};
properties.forEach(property => {
  Object.assign(newObject, property);
}
return newObject;