js 删除数组对象中值为undefined的字段

本文介绍如何在JavaScript中删除数组对象中address值为undefined的字段。内容包括需求描述,即从arr中移除address为undefined的元素,以及提供了一个实现方法,但该方法仅适用于没有嵌套的数组对象。

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

定义数据

var arr=[
	{name:'aaa',age:18,address:'xxxxxx'},
	{name:'bbb',age:20,address:undefined},
	{name:'ccc',age:30,address:undefined}
]

需求描述:

在arr中,把所有address值为undefined的字段删除

预期效果如下
在这里插入图片描述


实现方法

var tmp = {}
tmp = arr.map((item, index) => {
    for (var key in item) {
        if (item[key] === undefined) {
            delete item[key]
        }
    }
    return item
})
console.log(tmp)  
/*
[
  { name: 'aaa', age: 18, address: 'xxxxxx' },
  { name: 'bbb', age: 20 },
  { name: 'ccc', age: 30 }
]
*/

*注:此方法只适用于没有嵌套的数组对象

同理,如果业务需求遇到需要删除类似address:''的字段时,只需将item[key]===undefined修改为item[key]===''即可

以上仅为个人见解,欢迎各位大佬指导
您可以使用 Vue 中的过滤器(filter)函数来实现此功能。过滤器(filter)函数可以接受一个回调函数作为参数,该回调函数将作为过滤器的判断条件,对数据进行过滤。对于数组对象中值相同的对象取出的问题,您可以使用过滤器(filter)函数的 reduce 方法来实现。 具体来说,以下是实现此功能的示例代码: ```javascript // 假设您有一个数据集合 const data = [ { id: 1, name: 'John', age: 20 }, { id: 2, name: 'Mary', age: 25 }, { id: 3, name: 'Jack', age: 20 }, { id: 4, name: 'Tom', age: 25 }, { id: 5, name: 'Lucy', age: 30 }, { id: 6, name: 'Mike', age: 30 }, ] // 通过 Vue 的过滤器函数,取出 age 值相同的对象 const result = data.reduce((acc, cur) => { // 如果 acc 数组中已经存在 age 值与当前对象相等的对象,则将当前对象 push 进该对象对应的数组中 // 否则,则新建一个数组,并将当前对象 push 进去,然后将该数组作为一个对象存储到 acc 数组中 const index = acc.findIndex(item => item.age === cur.age) if (index !== -1) { acc[index].list.push(cur) } else { acc.push({ age: cur.age, list: [cur] }) } return acc }, []) console.log(result) // 输出以下结果 // [ // { // age: 20, // list: [ // { id: 1, name: 'John', age: 20 }, // { id: 3, name: 'Jack', age: 20 } // ] // }, // { // age: 25, // list: [ // { id: 2, name: 'Mary', age: 25 }, // { id: 4, name: 'Tom', age: 25 } // ] // }, // { // age: 30, // list: [ // { id: 5, name: 'Lucy', age: 30 }, // { id: 6, name: 'Mike', age: 30 } // ] // } // ] ``` 上述代码中,reduce 方法会遍历数据集合,并根据 age 值对数据集合中的对象进行分类。如果 acc 数组中已经存在 age 值与当前对象相等的对象,则将当前对象 push 进该对象对应的数组中;否则,则新建一个数组,并将当前对象 push 进去,然后将该数组作为一个对象存储到 acc 数组中。 最终,reduce 方法返回的结果就是一个数组,该数组中的每一个元素都是一个对象,表示 age 值相同的对象列表。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值