TypeScript：根据指定的键值（默认为id）从数组A中筛选出存在于数组B中的元素，支持自定义键名，适用于多种数据结构的过滤场景。

原创已于 2025-03-25 20:15:16 修改 · 202 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#数据结构 #前端 #node.js

于 2025-03-25 20:14:17 首次发布

function filterArrayByIds(
  A: Record<string, any>[],
  B: Array<string | number>,
  key: string = "id"
): Record<string,any>[] {
  const idSet = new Set(B);
  return A.filter((item:Record<string,any>) => idSet.has(item[key]));
}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

保禄241225

关注关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

控制反转（IoC）在 React 组件设计中的应用：如何构建一个极度灵活的 Table 组件？

weixin_41455464的博客

12-19

334

控制反转，顾名思义，就是将程序中的某些控制权从组件内部转移到其外部。通过将组件的职责分离，让组件专注于它最擅长的部分（例如，Table 只是负责渲染表格结构），而将变化的部分（例如，如何渲染特定类型的单元格、如何处理数据排序）交由外部控制。它鼓励我们从“自上而下”的命令式编程转向“自下而上”的声明式编程，将组件视为一个提供结构和协作点的框架，而非一个包罗万象的黑盒。面对这些层出不穷的需求，如果我们的 Table 组件是刚性的、黑盒的，那么每一次需求变更都可能意味着要修改组件内部逻辑，甚至推倒重来。

Mem0 - 个性化人工智能的记忆层

言之。

10-11

1万+

Mem0是一个智能记忆层，为AI助手提供持久化、个性化记忆能力。它支持Python和TypeScript/JavaScript环境，提供自托管和托管平台两种版本。核心功能包括记忆添加、搜索、更新和删除，通过用户ID区分不同记忆。性能优势显著：在LOCOMO基准测试中准确率比OpenAI Memory高26%，响应速度快91%，令牌使用量低90%。开发者可通过官方文档和GitHub仓库获取详细API说明和开源代码。

参与评论您还未登录，请先登录后发表或查看评论

在 Typescript 中使用 Array.filter(Boolean)

tonylua的博客

02-01

820

https://www.karltarvas.com/2021/03/11/typescript-array-filter-boolean.html对于 Array.filter(Boolean) 这种过滤数组的方法，Typescript 却并没有天然地支持它。《a lot of history to this issue》(https://github.com/microsoft/TypeScr...

TypeScript 对象数组按照属性过滤数据

记录工作开发中遇到的技术难点，方便自己查看，也希望可以帮助到他人...

12-13

4710

1、代码 let persons = [ { id: 1, name: '张三', age: 20 }, { id: 2, name: '李四', age: 18 }, { id: 3, name: '王五', age: 16 }, { id: 4, name: '赵六', age: 40 }, { id: 5, name: '王二小', age: 35 }, { id: 6, name: '张小嘎', age: 25 } ]; // 示例一：获取年龄大于20

filter过滤函数的使用

yuan0209的博客

11-26

1389

filter过滤函数的使用

typescript 数组过滤不需要的对象

u010328583的博客

06-23

9439

const array = [{id:1,name:"a"},{{id:2,name:"b"},{{id:3,name:"c"}]const want = [];如果想得到除去id等于2的对象以外的数组可以使用Array.filter()this.array.filter(x => x.id !== 2);

TypeScript 数组Array操作

chelen_jak的专栏

07-30

4330

原文出处：https://blog.csdn.net/honey199396/article/details/80750408 数组是一个很简单的数据结构，但是每次使用TypeScript的数组的时候又总是忘记怎么用了，干脆直接弄成干货，忘了过来看看。一、数组的声明 let array1:Array<number>; let array2:number[]; 二、数组...

【高级数据操作教程】：精通JavaScript中对象与数组的清除之道

对象和数组不仅仅存储数据，它们还支持各种操作，如数据访问、修改和处理。通过理解基础，我们可以更好地使用这些数据结构，并在更高级的编程任务中，如框架状态管理，应用它们。 ## 1.1 JavaScript对象的基本概念

JsonDiscovery：浏览器中交互式查看与转换JSON数据的插件

例如，当JSON是一个对象数组且具有相同键时，系统可自动将其渲染为类似数据库表的二维表格，支持列排序与筛选。这种灵活性来源于插件内部的模板引擎与视图适配器架构，允许开发者或用户通过配置文件定义新的展示样式...

【轻量级GUI构建秘钥】：嵌入式中文显示与字体库设计的3大高效方法

在嵌入式系统中实现中文显示，远非简单调用字体库即可解决。受限于MCU的处理能力、内存资源及存储空间，传统桌面级图形方案难以直接移植。首要挑战在于**中文字模数据庞大**——仅GB2312即包含6763个汉字，每个16x16...

typescript数组类型

马优晨

07-10

3227

(1)「类型 + 方括号」表示法 let fibonacci: number[] = [1, 1, 2, 3, 5] //错误处理： fibonacci.push({ aa: 'aa' }) //只能根据定义的类型进行操作 let fibonacci2: number[] = [1, '2', 3, 4, 55, 66] //不能出现其他类型 (2) 数组泛型 let fib...

js array filter 的typescript写法

chixian4839的博客

09-20

1041

this.network.nodeList.forEach((node) => { //过滤出符合条件的节点 let people:any = this.peopleList.filter((item) => item.name ===node.name); ...

TypeScript 数组Array操作

热门推荐

阳仔博客

06-20

15万+

数组是一个很简单的数据结构，但是每次使用TypeScript的数组的时候又总是忘记怎么用了，干脆直接弄成干货，忘了过来看看。一、数组的声明 let array1:Array&lt;number&gt;; let array2:number[]; 二、数组初始化 let array1:Array&lt;number&gt; = new Array&lt;number&gt;(); let ...

Typescript I: 遍历Array的方法：for, forEach, every等

Wrote Ideas Down, Together with Skills

09-08

5万+

Typescript的官方文档 Iterators and Geneators （https://www.typescriptlang.org/docs/handbook/iterators-and-generators.html）方法一，for…of 这个貌似是最常用的方法，angular 2中HTML语法绑定也是要的这种语法。let someArray = [1, "string", fal

TypeScript中filter过滤器的用法

可可爱爱的你吖的博客

02-26

4813

在Vue2.x+TypeScript中filter过滤器的用法 filters中的transformS2H()函数和parseTime() 是引入的时间处理函数，在js中是可以直接拿来当过滤器用的，但在ts中必须自定义一个函数去处理后才能使用

typeScript filter的用法

weixin_38808333的博客

06-02

1万+

Typescript:遍历Array的方法，以及Array的常用方法

Lucky_bo的专栏

07-20

1万+

方法1:for循环 for循环其实是标准的C风格语法。 let someArray = [1, "string", false]; for (var i = 0; i < someArray.length; i ++) { console.log(someArray[i]); // 1, "string", false } 方法2:for…of 这个貌似是最常用的方...

15_嵌入式场景实战：用数据结构优化外设数据处理

C语言无原生OOP特性，却能借结构体+函数指针实现封装、继承、多态，落地工厂等设计模式。博客中以标准C语法实操教学，融入跨平台兼容设计，助开发者掌握C语言OOP核心与工程实践技巧。

01-02

912

嵌入式开发不是“能跑就行”，而是“在有限资源下跑得稳、跑得快”。串口缓存用环形队列、时序数据用链表、协议解析用哈希表——这些看似基础的数据结构，恰恰是解决外设数据处理痛点的关键。今天的代码片段可以直接移植到你的项目中，记得根据MCU型号和实际场景调整参数（如缓冲区大小、哈希表长度）。如果这篇内容帮你解决了实际开发中的问题，别忘了！后续还会分享更多嵌入式实战技巧，比如中断优化、内存管理、低功耗设计等，让你的代码既稳定又高效～

常用SCSI数据结构的详细注释和用法

最新发布

追赶时代的博客

01-06

224

本文介绍了SCSI协议在USB存储设备中的核心数据结构及其应用。主要内容包括：1) SCSI命令块包装器(CBW)和状态包装器(CSW)的结构与用途，用于USB存储设备的命令封装和状态返回；2) 设备信息查询(INQUIRY)、容量报告(ReadCapacity)和错误感知(SenseData)等关键数据结构；3) 通用SCSI命令表示和请求封装方法。这些数据结构构成了SCSI协议栈的核心，特别适用于光存储项目中设备通信、识别、容量计算和错误处理等场景，为激光器/DMD控制命令的封装和管理提供了完整解决方案

数组a 是完整的数据结构 数组b 只有ID 如何筛选出a中存在于b的数组

10-11

从完整数据结构数组 `a` 中筛选出 ID 存在于数组 `b` 中的元素，有以下两种方法： #### 方法一：使用 `Set` 和 `filter` 方法此方法适用于一般的 JavaScript 场景，通过 `Set` 数据结构提高查找效率，然后使用 `filter` 方法筛选元素。 ```javascript // 示例数组对象a const a = [ {id: 1, name: 'obj1'}, {id: 2, name: 'obj2'}, {id: 3, name: 'obj3'} ]; // 示例数组对象b const b = [ {id: 2, name: 'obj2 updated'}, {id: 4, name: 'new obj'} ]; const bIds = new Set(b.map(item => item.id)); const result = a.filter(item => bIds.has(item.id)); console.log(result); // 打印[{id: 2, name: 'obj2'}] ``` 该方法首先使用 `Set` 数据结构创建一个集合 `bIds`，它包含了数组对象 `b` 中所有元素的 `id` 值。这样后续通过 `has` 方法判断某个 `id` 是否存在时，时间复杂度为 O(1)，比遍历数组查找更高效。然后通过 `filter` 方法对数组对象 `a` 进行过滤，只保留 `id` 在 `bIds` 集合中的元素，也就是筛选出 `a` 中 `id` 存在于 `b` 中的元素 [^1]。 #### 方法二：使用自定义函数此方法是一个 TypeScript 函数，支持自定义键名，适用于多种数据结构的过滤场景。 ```typescript function filterArrayByIds( A: Record<string, any>[], B: Array<string | number>, key: string = "id" ): Record<string,any>[] { const idSet = new Set(B); return A.filter((item:Record<string,any>) => idSet.has(item[key])); } // 示例数组对象a const a = [ {id: 1, name: 'obj1'}, {id: 2, name: 'obj2'}, {id: 3, name: 'obj3'} ]; // 示例数组对象b const b = [ {id: 2, name: 'obj2 updated'}, {id: 4, name: 'new obj'} ]; const bIds = b.map(item => item.id); const result = filterArrayByIds(a, bIds); console.log(result); // 打印[{id: 2, name: 'obj2'}] ``` 该函数接收三个参数：数组 `A`、数组 `B` 和用于判断唯一性的键名 `key`（默认为 `id`）。函数内部创建一个 `Set` 集合 `idSet`，包含数组 `B` 中的所有元素。然后使用 `filter` 方法对数组 `A` 进行过滤，只保留 `key` 值存在于 `idSet` 集合中的元素 [^2]。