Вернуть новую форму массивов - JavaScript

Question

Мои данные:

{
  "rows": [
    {
      "id": 3,
      "code": "airtel121",
      "position": "manager",
      "salary": "25000",
      "login": {
        "id": 4,
        "username": "sameer",
        "firstName": "Mohamed",
        "lastName": "Sameer",
        "code": "airtel121",
      }
    },
    {
      "id": 7,
      "code": "airtel121",
      "position": null,
      "salary": null,
      "login": {
        "id": 8,
        "username": "annamalai",
        "firstName": "Anna",
        "lastName": "malai",
        "code": "airtel121",
      }
    }
  ]
}

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

{
  "rows": [
    {
      "id": 4,
      "username": "sameer",
      "firstName": "Mohamed",
      "lastName": "Sameer",
      "code": "airtel121",
      "staffs": [
        {
          "id": 3,
          "code": "airtel121",
          "position": "manager",
          "salary": "25000",
        }
      ]
    },
    {
      "id": 8,
      "username": "annamalai",
      "firstName": "Anna",
      "lastName": "malai",
      "code": "airtel121",
      "staffs": [
        {
          "id": 7,
          "code": "airtel121",
          "position": null",
          "salary": null",
        }
      ]
    }
  ]
}

Я пытался, но только я получаю первый объект, проверьте мою скрипку:

http://jsbin.com/qaqehakuwi/edit?js,output

Можно ли использовать цикл для цикла for или это можно сделать с помощью lodash?

Проверьте код ссылки выше на jsbin, приведенный выше.

Я использую способ ES6код в моем проекте, поэтому я использовал оператор распространения.

Answer 1

Вы можете использовать map для создания массива rows нового объекта из массива rows старого:

let newObj = {
  rows: oldObj.rows.map(row => {                                     // map the rows of the old object into the rows of the new object
    let { login, ...rest } = row;                                    // for each object/row get the login object as 'login' and the rest of the props as 'rest'
    return { ...login, staffs: [rest] };                             // return a new object that has the props of 'login' and an additional prop 'staffs' which is an array containing 'rest'
  })
};

Пример:

let oldObj = {"rows":[{"id":3,"code":"airtel121","position":"manager","salary":"25000","login":{"id":4,"username":"sameer","firstName":"Mohamed","lastName":"Sameer","code":"airtel121"}},{"id":7,"code":"airtel121","position":null,"salary":null,"login":{"id":8,"username":"annamalai","firstName":"Anna","lastName":"malai","code":"airtel121"}}]};

let newObj = {
  rows: oldObj.rows.map(row => {
    let { login, ...rest } = row;
    return { ...login, staffs: [rest] };
  })
};

console.log(newObj);