Сортировка массива ключей объектов из другого массива

Как я могу объединить массив объектов на основе ключа

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"
]

Пробовал с приведенным ниже фрагментом

 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
 })

ожидаемый результат

  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"
    }
  ]

Также опубликуйте ожидаемый результат.

— 28.05.2019 14:21

javascript arrays

28.05.2019 14:20

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вам не нужно получать sortedKeys, а затем создавать объект. Вы можете напрямую использовать indexOf внутри сортировки compareFunction. Если a.key имеет более низкий индекс в orderArrcomapred b.key, вычитание вернет -1 и a будет помещено перед 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.info(data)

Если вам нужен новый массив без изменения исходного массива, вы можете использовать map следующим образом:

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.info(output)

вместо обновления того же объекта, как я могу получить новую копию, если я использую карту и распространяю другие свойства, как в вопросе

— 28.05.2019 14:31

@DILEEPTHOMAS добавил фрагмент без изменений

— 28.05.2019 14:35

28.05.2019 14:24