JavaScript去除数组对象中多余字段，提取对象数组中某些的属性组成新的对象数组。

Rlm*

已于 2023-07-28 18:14:22 修改

阅读量3.1k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： javascript 前端

于 2023-02-06 10:48:26 首次发布

本文链接：https://blog.csdn.net/renlimin1/article/details/128897800

JavaScript 专栏收录该内容

25 篇文章

订阅专栏

文章讲述了如何使用JavaScript的map方法从包含多个属性的对象数组中，提取出一两个特定属性，如classtypecode，创建新的对象数组。提供了两种不同的实现方法，并提到了当属性值为null时的处理情况。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

对象数组中每个对象包含很多属性，批量操作只需要要用到一两个属性，可以提取原数组中的属性组成一个新的对象数组。

const data=[
        {
            "classtypecode": "新人对象-NST-suoxie", 
            "classtypename": null, 
            "trainset": null, 
            "trainobject": null, 
            "traintype": null, 
            "classsimple": null, 
            "state": null, 
            "isopenup": null, 
            "xrflag": null, 
            "branchtype": null, 
            "branchtype2": null, 
            "makeoperator": null, 
            "makedate": null, 
            "maketime": null, 
            "modifyoperator": null, 
            "modifydate": null, 
            "modifytime": null, 
            "p1": null, 
            "isDel": null
        }, 
        {
            "classtypecode": "外勤-NST-WQ001", 
            "classtypename": null, 
            "trainset": null, 
            "trainobject": null, 
            "traintype": null, 
            "classsimple": null, 
            "state": null, 
            "isopenup": null, 
            "xrflag": null, 
            "branchtype": null, 
            "branchtype2": null, 
            "makeoperator": null, 
            "makedate": null, 
            "maketime": null, 
            "modifyoperator": null, 
            "modifydate": null, 
            "modifytime": null, 
            "p1": null, 
            "isDel": null
        }, 
        {
            "classtypecode": "测试-NST-CC", 
            "classtypename": null, 
            "trainset": null, 
            "trainobject": null, 
            "traintype": null, 
            "classsimple": null, 
            "state": null, 
            "isopenup": null, 
            "xrflag": null, 
            "branchtype": null, 
            "branchtype2": null, 
            "makeoperator": null, 
            "makedate": null, 
            "maketime": null, 
            "modifyoperator": null, 
            "modifydate": null, 
            "modifytime": null, 
            "p1": null, 
            "isDel": null
        }, 
        {
            "classtypecode": "XR-ST-XRXGPX", 
            "classtypename": null, 
            "trainset": null, 
            "trainobject": null, 
            "traintype": null, 
            "classsimple": null, 
            "state": null, 
            "isopenup": null, 
            "xrflag": null, 
            "branchtype": null, 
            "branchtype2": null, 
            "makeoperator": null, 
            "makedate": null, 
            "maketime": null, 
            "modifyoperator": null, 
            "modifydate": null, 
            "modifytime": null, 
            "p1": null, 
            "isDel": null
        }, 
        {
            "classtypecode": "入司6个月-ST-RS", 
            "classtypename": null, 
            "trainset": null, 
            "trainobject": null, 
            "traintype": null, 
            "classsimple": null, 
            "state": null, 
            "isopenup": null, 
            "xrflag": null, 
            "branchtype": null, 
            "branchtype2": null, 
            "makeoperator": null, 
            "makedate": null, 
            "maketime": null, 
            "modifyoperator": null, 
            "modifydate": null, 
            "modifytime": null, 
            "p1": null, 
            "isDel": null
        }, 
        {
            "classtypecode": "XR-NST-XRYWPX", 
            "classtypename": null, 
            "trainset": null, 
            "trainobject": null, 
            "traintype": null, 
            "classsimple": null, 
            "state": null, 
            "isopenup": null, 
            "xrflag": null, 
            "branchtype": null, 
            "branchtype2": null, 
            "makeoperator": null, 
            "makedate": null, 
            "maketime": null, 
            "modifyoperator": null, 
            "modifydate": null, 
            "modifytime": null, 
            "p1": null, 
            "isDel": null
        }, 
        {
            "classtypecode": "A201-NST-YWZRJSB", 
            "classtypename": null, 
            "trainset": null, 
            "trainobject": null, 
            "traintype": null, 
            "classsimple": null, 
            "state": null, 
            "isopenup": null, 
            "xrflag": null, 
            "branchtype": null, 
            "branchtype2": null, 
            "makeoperator": null, 
            "makedate": null, 
            "maketime": null, 
            "modifyoperator": null, 
            "modifydate": null, 
            "modifytime": null, 
            "p1": null, 
            "isDel": null
        }
    ]

方法一：

 let newArr = data.map((item, index) => {
    return Object.assign({}, { value: item.classtypecode, label: item.classtypecode });
  });

方法二：

 const newArr = data.map((x) => {
    return { value: x.classtypecode, label: x.classtypecode };
 });

在这里插入图片描述

将maketime的属性值变成新的对象属性，classtypecode的属性值变成maketime的属性值的属性值

  let arr1 = data.map((item) => {
        let obj = {};
        obj[item.maketime] = item.classtypecode;
        return obj;
      });

在这里插入图片描述
null 是因为maketime值为null