首页 > 其他分享 >JS中两个数组对象筛选

JS中两个数组对象筛选

时间:2022-12-12 09:45:47浏览次数:70  
标签:某一字 数组 JS arr2 arr1 筛选 id uid

const arr1 = [
    {id: 1, name: 'aaa'},
    {id: 2, name: 'bbb'},
    {id: 3, name: 'ccc'},
    {id: 4, name: 'ddd'}
]
const arr2 = [
    {uid: 2, uname: 'eee'},
    {uid:4, uname: 'fff'}
]

两个数组对象通过某一字段比较返回数组1中符合条件的

/**
 * 两个数组对象通过某一字段比较返回数组1中符合条件的
 * @param arr1 数组1
 * @param arr2 数组2
 * @returns {*}
 */
function fun1(arr1, arr2) {
    return arr1.filter(v => arr2.some(val => val.uid === v.id))
}

console.log(fun1(arr1, arr2))

打印结果

两个数组对象通过某一字段比较返回数组1中剩余的

/**
 * 两个数组对象通过某一字段比较返回数组1中剩余的
 * @param arr1 数组1
 * @param arr2 数组2
 * @returns {*}
 */
function fun2(arr1, arr2) {
    return arr1.filter(v => arr2.every(val => val.uid !== v.id))
}

打印结果

 

标签:某一字,数组,JS,arr2,arr1,筛选,id,uid
From: https://www.cnblogs.com/chailuG/p/16975238.html

相关文章

  • JS执行机制及ES6
    一、JS执行机制JS语言有个特点是单线程,即同一时间只能做一件事。单线程就意味着,所有的任务需要排队,前一个任务结束,才会执行后一个任务,可能造成页面渲染不连贯。为了......
  • HarmonyOS实现登录页面(一)相关html代码(部分),js代码
    首先在HarmonyOS中和vue不一样数据不是双向绑定。为了页面简洁,样式相关代码一律忽略on:change="changeUsername"表示当输入框的值发送变化的时候调用对应函数changeU......
  • js的File对象,Blob和file相互转换
    一、Blob转成FileMDNFile()letblob=newBlob(['这里是要转换的字符串或者图片等'],{type:"text/plain;charset=utf-8"});console.log("Blob对象",blob);let......
  • 解决aspnetcore-browser-refresh.js:234 WebSocket connection to 'wss://localhost:6
    前言前段时间升级了VisualStudio到v17.1.1最新版本,然后今天来运行之前的一个.net5项目一直提示:aspnetcore-browser-refresh.js:234WebSocketconnectionto'wss://......
  • 数组
    数组定义格式1(推荐):数据类型[]变量名;例:int[]arr;格式2:数据类型变量名[];例:intarr[];初始化就是为数组中的数组元素分配内存空间,并为每个数组元素赋值。数组的......
  • Nuxt.js IIS部署,Nuxt.js 发布部署vue-cli 安装 2020最新 vue 4.0安装
    第一步:服务器安装node.js环境1、安装node.js下载地址​​http://nodejs.cn/download/​​我是全部默认下一步的,安装成功之后运行命令查看是否安装成功如果没有出现版本号,......
  • JS AJAX跨域详解,支持get和post请求
    前述:先了解下什么是跨域,什么是同源详解跨域请求的两种方式,支持post请求JSAJAX跨域被阻止CORS头缺少'ACCESS-CONTROL-ALLOW-ORIGIN'(只要代码的看这个,其他的偏理论)JSONP实......
  • c# - Visual Studio会使用旧版本覆盖新版本的NewtonSoft.Json.DLL
    https://code-examples.net/zh-TW/q/1572f57您的csproj包含一個帶有Newtonsoft.Jsondll無效路徑的引用。在我的情況下,它是<HintPath>..\..\packages\Newtonsoft.Json\l......
  • JSP连接数据库
    我们选择直接用jsp连接数据库。规范写法其实是放到模型控制层中的DAO(DataAccessObject)层中步骤导入数据库jar包注册驱动Class.forName("com.mysql.jdbc.Driver")......
  • cpp serialize vector and write into file for duration/persistence via jsoncpp
    //Book.h#pragmaonce#include<chrono>#include<ctime>#include<fstream>#include<iostream>#include<jsoncpp/json/json.h>#include<iomanip>#include<st......