JavaScript 将数组中具有相同值的对象 取出组成新的数组

var arr=[{name:2,id:3},{name:2,id:4},{name:3,id:5},{name:3,id:6},{name:1,id:1},{name:1,id:2}];
 
// 传入一个数组
// 按照特定方式格式化
function sortArr(arr, str) {
    var _arr = [],
        _t = [],
        // 临时的变量
        _tmp;
 
    // 按照特定的参数将数组排序将具有相同值得排在一起
    arr = arr.sort(function(a, b) {
        var s = a[str],
            t = b[str];
 
        return s < t ? -1 : 1;
    });
 
    if ( arr.length ){
        _tmp = arr[0][str];
    }
    // console.log( arr );
    // 将相同类别的对象添加到统一个数组
    for (var i in arr) {
        console.log( _tmp);
        if ( arr[i][str] === _tmp ){
            console.log(_tmp)
            _t.push( arr[i] );
        } else {
            _tmp = arr[i][str];
            _arr.push( _t );
            _t = [arr[i]];
        }
    }
    // 将最后的内容推出新数组
    _arr.push( _t );
    return _arr;
}
 
sortArr( arr, 'name');

 

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
您可以使用 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 相同对象列表。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值