JS数组对象中根据属性值筛选及数组对比方法

作者:木棉时间:2026-10-26 13:07:45浏览:571

本文介绍在JavaScript中如何从数组对象中提取特定属性值相等的元素,并演示如何对比两个数组找出相同与不同的元素。通过filter、indexOf及循环遍历等方法,实现数组对象按属性筛选及数组间的交集与差集计算,提供完整代码示例供参考。

在JavaScript中,如何从包含对象的数组里筛选出具有特定属性值的元素?

以下通过具体示例进行说明:

var outArr=[
	{"name":"张三","id":1,age:18},
	{"name":"李四","id":2,age:19},
	{"name":"王五","id":3,age:18},
	{"name":"小红","id":4,age:20},
	{"name":"小明","id":5,age:17},
	{"name":"小白","id":6,age:18}
];
var newArr = outArr.filter(function (obj) {
    return obj.age== 18;
});
console.log(newArr);    // [{"name":"张三","id":1,age:18},{"name":"王五","id":3,age:18},{"name":"小白","id":6,age:18}]

JavaScript中获取两个数组及其对象中相同与不同元素的方法

1、找出两个普通数组中相同的元素

var arr1 = [0,1,2,3,4,5];
var arr2 = [0,4,6,1,3,9];
function getArrEqual(arr1, arr2) {
        let newArr = [];
        for (let i = 0; i < arr2.length; i++) {
            for (let j = 0; j < arr1.length; j++) {
                if(arr1[j] === arr2[i]){
                    newArr.push(arr1[j]);
                }
        }
     }
     return newArr;
}
console.log(getArrEqual(arr1, arr2));
//[0, 4, 1, 3]

2、找出两个普通数组中不同的元素

var arr1 = [0,1,2,3,4,5];
var arr2 = [0,4,6,1,3,9];
function getArrDifference(arr1, arr2) {
    return arr1.concat(arr2).filter(function(v, i, arr) {
         return arr.indexOf(v) === arr.lastIndexOf(v);
    });
}
console.log(getArrDifference(arr1,arr2));
 
 // [2, 5, 6, 9]

3、找出两个数组对象中具有相同属性值的元素

function getArrDifSameValue(arr1,arr2){
    var result = [];
    for(var i = 0; i < arr2.length; i++){
        var obj = arr2[i];
        var id = obj.id;
        var isExist = false;
        for(var j = 0; j < arr1.length; j++){
            var aj = arr1[j];
            var n = aj.id;
            if(n == id){
                isExist = true;
                break;
            }
        }
        if(isExist){
            result.push(obj);
        }
    }
    return result;
}
 
var arr1 = [ {"id": "A"},{"id": "B"}];
var arr2 = [ {"id": "A"}, {"id": "B"},{"id": "C"}];
console.log(getArrDifSameValue(arr1,arr2));

4、找出两个数组对象中不具有相同属性值的元素

function getArrDifSameValue(arr1,arr2){
    var result = [];
    for(var i = 0; i < arr2.length; i++){
        var obj = arr2[i];
        var id = obj.id;
        var isExist = false;
        for(var j = 0; j < arr1.length; j++){
            var aj = arr1[j];
            var n = aj.id;
            if(n == id){
                isExist = true;
                break;
            }
        }
        if(!isExist){
            result.push(obj);
        }
    }
    return result;
}
 
var arr1 = [ {"id": "A"},{"id": "B"}];
var arr2 = [ {"id": "A"}, {"id": "B"},{"id": "C"}];
console.log(getArrDifSameValue(arr1,arr2));
// [{"id": "C"}]

总结

以上内容为个人经验分享,旨在提供参考,希望对大家有帮助,也希望大家多多支持本站。

作者最新文章