代码之家 › 专栏 › 技术社区 › Sameer

返回新形式的数组-javascript

object json arrays javascript

Sameer · 技术社区 · 7 年前

我的数据:

{
  "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链接中的代码。

1 回复 | 直到 7 年前

ibrahim mahrir 7 年前

你可以用 map 创建 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);

推荐文章

Sweepy Dodo · JSON lite的格式化

1 年前

SebMa · 为什么我用mikefarah/yq得到两倍的JSON输出?

1 年前

Dione Saturn · JSON、fetch、HTML中的javascript和未定义或空字符串[重复]

1 年前

user24242514 · 将嵌套查询字符串请求转换为字典

1 年前

Shane Harley · 通过这些JSON元素进行映射

1 年前

Milenko Markovic · 如何使用Python读取JSON?操作系统错误:[Errno 36]文件名太长:

1 年前

Shane Harley · 将HTML作为JSON字符串的一部分?

1 年前

user6631314 · 使用PHP从api响应中提取视频数据[复制]

1 年前

Matt Miles · 如何将嵌套的JSON转换为数据帧?

1 年前

ololo · 不支持目录导入

1 年前