首页 > 编程语言 >JavaScript 使用一个数组对另一个对象数组进行过滤

JavaScript 使用一个数组对另一个对象数组进行过滤

时间:2023-05-17 17:35:37浏览次数:37  
标签:objs name JavaScript 过滤 names 数组 id

JavaScript 使用一个数组对另一个对象数组进行过滤

假设我们有一个对象数组 objs,其中每个对象都有一个 name 属性,我们希望使用一个数组 namesobjs 数组进行过滤,只保留那些 name 属性在 names 数组中的对象。我们可以使用 filter() 方法来实现这个功能。

const objs = [
  { id: 1, name: "Alice" },
  { id: 2, name: "Bob" },
  { id: 3, name: "Charlie" },
  { id: 4, name: "David" },
];

const names = ["Alice", "Charlie"];

const filteredObjs = objs.filter((obj) => names.includes(obj.name));

console.log(filteredObjs);
// Output: [{id: 1, name: 'Alice'}, {id: 3, name: 'Charlie'}]

在上面的例子中,我们使用 filter() 方法对 objs 数组进行过滤,筛选出那些 name 属性在 names 数组中的对象,并将结果存储在 filteredObjs 数组中。这里我们使用了 includes() 方法来检查 names 数组是否包含当前对象的 name 属性。

使用这种方法,我们可以方便地对一个对象数组进行过滤,并且可以通过任意数组来定义过滤条件,实现更灵活的过滤功能。

标签:objs,name,JavaScript,过滤,names,数组,id
From: https://www.cnblogs.com/yuzhihui/p/17409449.html

相关文章

  • 通过数组查询最大值
    #include<iostream>intmain(){floatarr[10];inti;floatmax;intmaxindex;for(i=0;i<=9;i++){scanf_s("%f/n",&arr[i]);}max=arr[0];for(i=1;i,10;i++){if(max<ar......
  • 学习日记——初识JavaScript
    1.JS的组成和基本结构①JavaScript定义:(1)脚本语言(2)有一定的安全性(3)一种基于对象的一种语言(4)可以定义一堆的事件(方法/函数)并进行调用②组成部分: (1)EcmaScript:核心语法。Js前身(2)Dom(文档对象模型)(3)Bom(浏览器对象模型)③JavaScript基本结构<scripttype="text/javascript">alert();......
  • Javascript执行原理 网页引入javascript的三种方式* javascript核心语法 数据类型 Typ
    Javascript执行原理:用户端发送请求到服务器端将js解析出来的数据(用户身份表示)绑定在请求路径中服务器端获取到参数后会响应客户端客户端通过浏览器解析响应的数据并将数据展现在浏览器上网页引入javascript的三种方式*:使用script标签<scripttype=“text/javascript”>aler......
  • 浅谈Javascript 中几种克隆(clone)方式
    一:在Javascript里,如果克隆对象是基本类型,我们直接赋值就可以了:Js代码varsStr="kingwell";varcStr=sStr;alert(cStr);//输出kingwellsStr="abc";alert(cStr);//输出kingwell; 把一个值赋给另一个变量时,当那个变量的值改变的时候,另一个值不会受到影响。 ......
  • js 查找数组中倒数第二最大值
    constarr=[1,5,3,7,9,21,33,18,12,44,43,22,55,66,65]constresult=arr=>{//存储最小值letminMax=0//存储最大值letmax=0arr.forEach(item=>{if(item>max){if(minMax<max){minMax=max......
  • vbCrLf, 清除换行 过滤回车
    vbCrLf是VisualBasic(VB,一种编程语言)中的一个字符串常数,即“Chr(13)&Chr(10)”(回车符与换行符连接在一起),是换行的意思相关常数常数值描述vbCrChr(13)回车符。vbLfChr(10)换行符。vbCrLfChr(13)&Chr(10)回车符和换行符。vbNewLineChr(13)&Chr(10)......
  • JavaScript——数字超过精度导致数据有误
    前言接口返回的number类型的数据,超过了JavaScript中Number类型的限制,浏览器自动进行了转换;console.log(7232167009634730040)内容以下内容来自ClaudeJavaScript的Number类型可以安全表示的最大整数是2^53-1,也就是9007199254740991。大于这个值的整数在JavaScript......
  • 10.二级指针,指针的动态存储,常量与指针的结合、指针与数组的结合及指针函数
    二级指针的语法指针的动态存储常量指针和指针常量指针数组和数组指针指针和函数的结合二级指针的语法语法:数据类型**变量名 数据类型*变量名[常量]inta=10;int*p=&a;int**dp=&p;cout<<p<<""<<*dp<<""<<**dp;输出结果......
  • 2023-05-16:给你一个 严格升序排列 的正整数数组 arr 和一个整数 k 。 请你找到这个数
    2023-05-16:给你一个严格升序排列的正整数数组arr和一个整数k。请你找到这个数组里第k个缺失的正整数。输入:arr=[2,3,4,7,11],k=5。输出:9。答案2023-05-16:大体步骤如下:1.初始化左指针l为0,右指针r为数组长度减一,定义中间指针m和find(找到第k个正整数前的下标位置),......
  • 23-5-16--数组--猜帽子游戏
    L1-5猜帽子游戏分数 15作者 陈越单位 浙江大学宝宝们在一起玩一个猜帽子游戏。每人头上被扣了一顶帽子,有的是黑色的,有的是黄色的。每个人可以看到别人头上的帽子,但是看不到自己的。游戏开始后,每个人可以猜自己头上的帽子是什么颜色,或者可以弃权不猜。如......