亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

js數(shù)組對(duì)象里面如何獲取某個(gè)屬性值相等的對(duì)象

 更新時(shí)間:2023年04月18日 15:23:55   作者:阡路陌人  
這篇文章主要介紹了js數(shù)組對(duì)象里面如何獲取某個(gè)屬性值相等的對(duì)象問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教

js數(shù)組對(duì)象里面獲取某個(gè)屬性值相等的對(duì)象

例:

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獲取兩個(gè)數(shù)組及數(shù)組對(duì)象中相同和不相同的值

1、獲取兩個(gè)數(shù)組中相同的元素

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、獲取兩個(gè)數(shù)組中不相同的元素

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、獲取兩個(gè)數(shù)組對(duì)象中相同的值

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、獲取兩個(gè)數(shù)組對(duì)象中不相同的值 

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

總結(jié)

以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • html+css+js實(shí)現(xiàn)別踩白板小游戲

    html+css+js實(shí)現(xiàn)別踩白板小游戲

    大家好,本篇文章主要的講的是html+css+js實(shí)現(xiàn)別踩白板小游戲,感興趣的同學(xué)趕快來看一看吧,覺得不錯(cuò)的話可以收藏一下哦,方便下次瀏覽
    2021-11-11
  • 淺談bootstrap源碼分析之tab(選項(xiàng)卡)

    淺談bootstrap源碼分析之tab(選項(xiàng)卡)

    下面小編就為大家?guī)硪黄獪\談bootstrap源碼分析之tab(選項(xiàng)卡)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-06-06
  • firefox下對(duì)ajax的onreadystatechange的支持情況分析

    firefox下對(duì)ajax的onreadystatechange的支持情況分析

    firefox下對(duì)ajax的onreadystatechange的支持分析。用的到的朋友可以參考下。
    2009-12-12
  • 使用JSX 建立 Markup 組件風(fēng)格開發(fā)的示例(前端組件化)

    使用JSX 建立 Markup 組件風(fēng)格開發(fā)的示例(前端組件化)

    這篇文章主要介紹了使用JSX 建立 Markup 組件風(fēng)格開發(fā)的示例(前端組件化)本文重點(diǎn)講解如何從0搭建一個(gè)組件系統(tǒng),在這里我們會(huì)學(xué)習(xí)使用JSX來建立markup 的風(fēng)格,我們基于與React 一樣的 JSX 去建立我們組件的風(fēng)格
    2021-04-04
  • 手機(jī)安裝GreasyFork油猴js腳本的教程

    手機(jī)安裝GreasyFork油猴js腳本的教程

    Iceraven瀏覽器需要安裝Tampermonkey插件來安裝GF油猴腳本,本文給大家介紹手機(jī)安裝GreasyFork油猴js腳本的教程,安裝過程給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧
    2021-12-12
  • JavaScript數(shù)組Array的一些常用方法總結(jié)

    JavaScript數(shù)組Array的一些常用方法總結(jié)

    JavaScript的Array對(duì)象是用于構(gòu)造數(shù)組的全局對(duì)象,數(shù)組是類似于列表的高階對(duì)象,下面這篇文章主要給大家介紹了關(guān)于JavaScript數(shù)組Array的一些常用方法,需要的朋友可以參考下
    2021-11-11
  • 原生JS中應(yīng)該禁止出現(xiàn)的寫法

    原生JS中應(yīng)該禁止出現(xiàn)的寫法

    這篇文章主要介紹了原生JS中應(yīng)該禁止出現(xiàn)的寫法,以提高代碼效率和安全性,對(duì)效率和安全感興趣的同學(xué),可以參考下
    2021-05-05
  • JavaScript實(shí)現(xiàn)圖片無縫滾動(dòng)效果

    JavaScript實(shí)現(xiàn)圖片無縫滾動(dòng)效果

    這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)圖片無縫滾動(dòng)效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-07-07
  • 使用webpack搭建pixi.js開發(fā)環(huán)境

    使用webpack搭建pixi.js開發(fā)環(huán)境

    這篇文章主要介紹了使用webpack搭建pixi.js開發(fā)環(huán)境,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-02-02
  • JS時(shí)間控制實(shí)現(xiàn)動(dòng)態(tài)效果的實(shí)例講解

    JS時(shí)間控制實(shí)現(xiàn)動(dòng)態(tài)效果的實(shí)例講解

    下面小編就為大家?guī)硪黄狫S時(shí)間控制實(shí)現(xiàn)動(dòng)態(tài)效果的實(shí)例講解。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-07-07

最新評(píng)論