sorting the array of objects keys from another array

Question

How can i merge the array of objects based on the key

let data = [
  {
    "fields": [
      {
        "key": "terminal",
        "value": null
      },
      {
        "key": "status",
        "value": "Enabled"
      },
      {
        "key": "area",
        "value": null
      },
      {
        "key": "note",
        "value": "Some key notes"
      },
      {
        "key": "group",
        "value": "Medium"
      },
      {
        "key": "level",
        "value": null
      }
    ],
    "name": "test 1",
    "number": "123456127890",
    "id": "yqweyqweu213"
  },
  {
    "fields": [
      {
        "key": "terminal",
        "value": null
      },
      {
        "key": "status",
        "value": "Disabled"
      },
      {
        "key": "area",
        "value": "Delhi"
      },
      {
        "key": "note",
        "value": "Some key orginal notes"
      },
      {
        "key": "group",
        "value": "Medium"
      },
      {
        "key": "level",
        "value": "High"
      }
    ],
    "name": "test 2",
    "number": "173276123612",
    "id": "uqweyewueyyuqwe"
  },
  {
    "fields": [
      {
        "key": "terminal",
        "value": 1
      },
      {
        "key": "status",
        "value": "Enabled"
      },
      {
        "key": "area",
        "value": "Mumbai"
      },
      {
        "key": "note",
        "value": "Some key orginal sample notes"
      },
      {
        "key": "group",
        "value": "Low"
      },
      {
        "key": "level",
        "value": null
      }
    ],
    "name": "test 3",
    "number": "128737812381723",
    "id": "kasjdashdkaskjd"
  }
]

const orderArr = [
  "area",
  "terminal",
  "note",
  "status",
  "group",
  "level"
]

Tried with the below snippet

 data.forEach(o => {
  let keys = []
  o.fields.forEach(f => {
    keys.push(f.key)
  })
  let sortedKeys =  keys.sort(function(a, b) {
    return orderOfFields.indexOf(a) - orderOfFields.indexOf(b);
   })
   let obj = {}
   sortedKeys.forEach(s => {
     obj[s] = // how to get the value
   })
   return obj
 })

expectedResult is

  let expectedData = [
    {
      "fields": [
        {
          "key": "area",
          "value": null
        },
        {
          "key": "terminal",
          "value": null
        },
        {
          "key": "note",
          "value": "Some key notes"
        },
        {
          "key": "status",
          "value": "Enabled"
        },
        {
          "key": "group",
          "value": "Medium"
        },
        {
          "key": "level",
          "value": null
        }
      ],
      "name": "test 1",
      "number": "123456127890",
      "id": "yqweyqweu213"
    },
    {
      "fields": [
        {
          "key": "area",
          "value": "Delhi"
        },
        {
          "key": "terminal",
          "value": null
        },

        {
          "key": "note",
          "value": "Some key orginal notes"
        },
        {
          "key": "status",
          "value": "Disabled"
        },

        {
          "key": "group",
          "value": "Medium"
        },
        {
          "key": "level",
          "value": "High"
        }
      ],
      "name": "test 2",
      "number": "173276123612",
      "id": "uqweyewueyyuqwe"
    },
    {
      "fields": [
        {
          "key": "area",
          "value": "Mumbai"
        },
        {
          "key": "terminal",
          "value": 1
        },
        {
          "key": "note",
          "value": "Some key orginal sample notes"
        },
        {
          "key": "status",
          "value": "Enabled"
        },

        {
          "key": "group",
          "value": "Low"
        },
        {
          "key": "level",
          "value": null
        }
      ],
      "name": "test 3",
      "number": "128737812381723",
      "id": "kasjdashdkaskjd"
    }
  ]

Answer 1

You don't have to get sortedKeys and then create an object. You could directly use indexOf inside sort's compareFunction. If a.key has a lower index in orderArrcomapred b.key, the subtraction will return -1 and a will be placed ahead of b.

const data=[{"fields":[{"key":"terminal","value":null},{"key":"status","value":"Enabled"},{"key":"area","value":null},{"key":"note","value":"Some key notes"},{"key":"group","value":"Medium"},{"key":"level","value":null}],"name":"test 1","number":"123456127890","id":"yqweyqweu213"},{"fields":[{"key":"terminal","value":null},{"key":"status","value":"Disabled"},{"key":"area","value":"Delhi"},{"key":"note","value":"Some key orginal notes"},{"key":"group","value":"Medium"},{"key":"level","value":"High"}],"name":"test 2","number":"173276123612","id":"uqweyewueyyuqwe"},{"fields":[{"key":"terminal","value":1},{"key":"status","value":"Enabled"},{"key":"area","value":"Mumbai"},{"key":"note","value":"Some key orginal sample notes"},{"key":"group","value":"Low"},{"key":"level","value":null}],"name":"test 3","number":"128737812381723","id":"kasjdashdkaskjd"}]
const orderArr=["area","terminal","note","status","group","level"]

data.forEach(o => 
  o.fields.sort((a, b) => orderArr.indexOf(a.key) - orderArr.indexOf(b.key))
)

console.log(data)

If you want a new array without mutating the original arary, you could use map like this:

const data=[{"fields":[{"key":"terminal","value":null},{"key":"status","value":"Enabled"},{"key":"area","value":null},{"key":"note","value":"Some key notes"},{"key":"group","value":"Medium"},{"key":"level","value":null}],"name":"test 1","number":"123456127890","id":"yqweyqweu213"},{"fields":[{"key":"terminal","value":null},{"key":"status","value":"Disabled"},{"key":"area","value":"Delhi"},{"key":"note","value":"Some key orginal notes"},{"key":"group","value":"Medium"},{"key":"level","value":"High"}],"name":"test 2","number":"173276123612","id":"uqweyewueyyuqwe"},{"fields":[{"key":"terminal","value":1},{"key":"status","value":"Enabled"},{"key":"area","value":"Mumbai"},{"key":"note","value":"Some key orginal sample notes"},{"key":"group","value":"Low"},{"key":"level","value":null}],"name":"test 3","number":"128737812381723","id":"kasjdashdkaskjd"}]
const orderArr=["area","terminal","note","status","group","level"]

const output = data.map(o => ({ 
  ...o, 
  fields: [...o.fields].sort((a, b) => orderArr.indexOf(a.key) - orderArr.indexOf(b.key)) 
}))

console.log(output)