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

已于 2023-07-28 18:14:22 修改
阅读量2.7k 收藏 11
点赞数 2
分类专栏： JavaScript 文章标签： javascript 前端
于 2023-02-06 10:48:26 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/renlimin1/article/details/128897800
版权

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

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

Rlm*
关注
  • 2
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript 中有关数组对象的方法(详解)
11-24
JS 处理数组多种方法 js 中的数据类型分为两大类：原始类型和对象类型。 原始类型包括：数值、字符串、布尔值、null、undefined 对象类型包括：对象即是属性的集合，当然这里又两个特殊的对象—-函数（js中的一等对象）、数组（键值的有序集合）。 数组元素的添加 arrayObj.push([item1 [item2 [. . . [itemN ]]]]); 将一个或多个新元素添加到数组结尾，并返回数组新长度 arrayObj.unshift([item1 [item2 [. . . [itemN ]]]]); 将一个或多个新元素添加到数组开始，数组中的元素自动后移，返回数组新长度 a
js从数组中的对象取出特定字段并生成新的数组
热门推荐
MISS_CJL的博客
09-04 3万+
let arr = [ { 'id': '1', 'name': '小红', }, { 'id': '2', 'name: '小白', }, { 'id': '3', 'name': '小黄', } ]; // 使用map()生成数组 let new_arr = arr.map(obj => {return obj.n...
js=＞对象筛选掉某些属性
Big_YiFeng的博客
05-09 3153
有一个对象，需要筛选掉他的某些属性 const obj = { a: 1, b: 2, c: 3, d: 5, }; const deleteKeys = ["b", "c"]; function filterObjKeys(obj, keys) { return Object.keys(obj).reduce((newData, key) => { if (!keys.includes(key)) { newData[key] = obj[key];
js 对象数组抽取某一属性的方法
最新发布
wyzsehun的博客
03-06 566
【代码】js 对象数组抽取某一属性的方法。
JavaScript类数组对象转换为数组对象的方法实例分析
12-04
本文实例分析了JavaScript类数组对象转换为数组对象的方法。分享给大家供大家参考，具体如下： 1、类数组对象： 拥有length属性，可以通过下标访问； 不具有数组所具有的方法。 2、为什么要将类数组对象转换为数组对象？ 数组对象Array有很多方法：shift、unshift、splice、slice、concat、reverse、sort，ES6又新增了一些方法：forEach、isArray、indexOf、lastIndexOf、every、some、map、filter、reduce等。由于类数组不具有数组所具有的操作数组的方法，将类数组转换为数组之后就能调用这些强大的方法，方
JavaScript对象数组如何按指定属性和排序方向进行排序
10-22
主要介绍了JavaScript对象数组如何按指定属性和排序方向进行排序的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
一个数组对象中取出需要的多个字段以及值去掉不要的
BUG_Jia
05-24 679
一个数组对象中有多个key：value的时候我们只需要其中一部分组成一个新的数组该怎么处理呢？ 直接上代码 // 下面是要处理的数据 let data = [{ "tagId": 2679, "name": "紧急通知", "tagExtensionId": 2567, }, { "tagId": 2681, "name": "最新政策", "tagExtensionId": 2569, }, { "tagId": 2683, "name": "
js中数组删除对象的几种方式总结
huxihua2006的博客
08-15 1万+
【代码】js中数组删除对象的几种方式总结。
js提取对象数组中的几个属性组成新对象数组
h_未来可期_的博客
10-12 2737
js提取对象数组中某几个属性
js 把带有对象的数组里的某个属性组成新的数组
weixin_42065453的博客
08-08 2942
这个方法会遍历原始数组的每个元素，并返回一个新的数组，其中包含指定属性的值。以下是一个示例，假设有一个包含对象的数组，每个对象都有一个。如果想将数组对象中的某个属性组成一个新的数组，可以使用。数组的每个元素，并返回一个新的数组。，其中包含了每个元素的。属性，你想要将所有的。
JavaScript中数组对象的那些自带方法介绍
12-11
/** * 本文纯粹是梳理一下目前W3C标准中Array对象的自带Method。 * 全文没啥营养，不过最后性能测试的部分，倒是抛出了一些疑问。 */ 赋值方法 （Mutator methods） 这些方法直接修改数组自身 pop 和 push Array.pop(); // 删除数组最后一个元素，返回被删除的元素 Array.push(element1, …, elementN); // 在数组尾部插入1-N个元素，返回操作后数组的length 通过这 pop 和 push ，就能把数组模拟成 堆栈(stack) 来进行操作。 堆栈这种数据结构的特点，就是“后进先出”（LIFO, Last
PHP 多维数组删除某字段或某几个字段
omygege
03-28 509
PHP 多维数组删除某字段或某几个字段 <?php $array = array( '0' => array('a' => 'aaaaa', 'b' => 'bbbbb', 'c' => array('d' => 'ddddd', 'e' => 'eeeee')), '1' => array('a' => 'aaaaa',...
JsonArray中字符串移除某个字段后转换为实体对象集合
weixin_48907405的博客
04-28 320
之后再对字符串进行移除操作，正常来讲，如果{}中的value符合数据类型格式的话，如果我们不想要，实体类中不添加此key对应的属性即可，但是如果数据有问题，比如这样：，就算实体里面不添加此属性，转换的时候还是会出现问题，那么就需要移除掉。所以如果想将jsonarray中的每一组数据转换成list那么就要在字符串两边拼接上[]
js获取对象的部分属性形成新对象
qq_45327886的博客
11-24 3208
js获取对象的部分属性形成新对象
js 过滤数组（支持同一字符串对多个字段进行过滤）
qq_38909255的博客
12-08 1867
问题描述： 在工作中有时候需要前端对表格进行过滤，同事支持同一个字符串根据列表中多个字段进行匹配，如下图： 该搜索框输入的值，可以与列表中的姓名、身份证号、电话号码进行模糊匹配； 以下是ES6代码： const filterByKeys = (data, keys, value) => data.filter(item => keys.some(key => item[key].includes(value))) ...
ES6 数组操作的相关方法
Vivien_CC的博客
10-14 409
map() ：让数组通过某种计算产生一个新数组。every() ：检测数组中每一项是否符合条件。filter() ：筛选出数组中符合条件的项，组成新数组。find() ：用于找出第一个符合条件的数组成员。如果没有符合条件的成员，则返回undefined。findIndex() ：返回第一个符合条件的数组成员的位置。如果所有成员都不符合条件，则返回-1。reduce() ：让数组中的前项和后项做某种计算，并累积最终值。some() ：检测数组中是否有某些项符合条件。forEach( )：让数组中的每一项做某件
js 根据某属性取出数组中对应的对象
qq_43060570的博客
01-20 3507
js 根据某属性取出数组中对应的对象
JS中从数组中的对象取出特定字段并生成新的数组
Jeniclala的博客
11-22 4610
var arr = [ { 'id': '1', 'name': 'lala' }, { 'id': '2', 'name': 'lili' }, { 'id': '3', 'name': 'lulu' } ]; arr.map(x => {return x.name}) // 生成数组
nodejs 判断数组中某些值是否为空
07-13
要判断数组中的某些值是否为空，可以使用以下代码示例： ```javascript const arr = [1, '', null, undefined, 5]; // 判断数组中所有值是否为空 const allValuesAreEmpty = arr.every(value => value === '' || value === null || value === undefined); // 判断数组中是否存在空值 const hasEmptyValue = arr.some(value => value === '' || value === null || value === undefined); console.log(allValuesAreEmpty); // false console.log(hasEmptyValue); // true ``` 在上述示例中，我们使用 `every` 方法来判断数组中的所有值是否为空。该方法会对数组中的每个元素应用给定的测试函数，并返回一个布尔值。如果数组中的每个元素都通过测试函数（即值为空），则返回 `true`；否则返回 `false`。 我们还使用 `some` 方法来判断数组中是否存在空值。该方法同样对数组中的每个元素应用给定的测试函数，并返回一个布尔值。如果数组中至少有一个元素通过测试函数（即存在空值），则返回 `true`；否则返回 `false`。 可以根据具体需求选择使用 `every` 还是 `some` 方法来判断数组中的某些值是否为空。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值