js数组对象里面如何获取某个属性值相等的对象

 更新时间:2023年04月18日 15:23:55   作者:阡路陌人  
这篇文章主要介绍了js数组对象里面如何获取某个属性值相等的对象问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

js数组对象里面获取某个属性值相等的对象

例:

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}]

js获取两个数组及数组对象中相同和不相同的值

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"}]

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • html+css+js实现别踩白板小游戏

    html+css+js实现别踩白板小游戏

    大家好,本篇文章主要的讲的是html+css+js实现别踩白板小游戏,感兴趣的同学赶快来看一看吧,觉得不错的话可以收藏一下哦,方便下次浏览
    2021-11-11
  • 浅谈bootstrap源码分析之tab(选项卡)

    浅谈bootstrap源码分析之tab(选项卡)

    下面小编就为大家带来一篇浅谈bootstrap源码分析之tab(选项卡)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • firefox下对ajax的onreadystatechange的支持情况分析

    firefox下对ajax的onreadystatechange的支持情况分析

    firefox下对ajax的onreadystatechange的支持分析。用的到的朋友可以参考下。
    2009-12-12
  • 使用JSX 建立 Markup 组件风格开发的示例(前端组件化)

    使用JSX 建立 Markup 组件风格开发的示例(前端组件化)

    这篇文章主要介绍了使用JSX 建立 Markup 组件风格开发的示例(前端组件化)本文重点讲解如何从0搭建一个组件系统,在这里我们会学习使用JSX来建立markup 的风格,我们基于与React 一样的 JSX 去建立我们组件的风格
    2021-04-04
  • 手机安装GreasyFork油猴js脚本的教程

    手机安装GreasyFork油猴js脚本的教程

    Iceraven浏览器需要安装Tampermonkey插件来安装GF油猴脚本,本文给大家介绍手机安装GreasyFork油猴js脚本的教程,安装过程给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
    2021-12-12
  • JavaScript数组Array的一些常用方法总结

    JavaScript数组Array的一些常用方法总结

    JavaScript的Array对象是用于构造数组的全局对象,数组是类似于列表的高阶对象,下面这篇文章主要给大家介绍了关于JavaScript数组Array的一些常用方法,需要的朋友可以参考下
    2021-11-11
  • 原生JS中应该禁止出现的写法

    原生JS中应该禁止出现的写法

    这篇文章主要介绍了原生JS中应该禁止出现的写法,以提高代码效率和安全性,对效率和安全感兴趣的同学,可以参考下
    2021-05-05
  • JavaScript实现图片无缝滚动效果

    JavaScript实现图片无缝滚动效果

    这篇文章主要为大家详细介绍了JavaScript实现图片无缝滚动效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-07-07
  • 使用webpack搭建pixi.js开发环境

    使用webpack搭建pixi.js开发环境

    这篇文章主要介绍了使用webpack搭建pixi.js开发环境,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-02-02
  • JS时间控制实现动态效果的实例讲解

    JS时间控制实现动态效果的实例讲解

    下面小编就为大家带来一篇JS时间控制实现动态效果的实例讲解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-07-07

最新评论