”工欲善其事,必先利其器。“—孔子《论语.录灵公》
首页 > 编程 > 如何根据多个条件过滤 JavaScript 对象数组?

如何根据多个条件过滤 JavaScript 对象数组?

发布于2024-11-08
浏览:748

How to Filter a JavaScript Array of Objects Based on Multiple Conditions?

基于多个条件过滤JavaScript中的数组

问题陈述

给定一个对象数组和一个过滤器对象,目标是过滤和根据过滤器中指定的多个条件简化数组。但是,当过滤器包含多个属性时,会出现一个特定问题。

建议的解决方案

考虑以下代码段:

function filterUsers(users, filter) {
  var result = [];
  for (var prop in filter) {
    if (filter.hasOwnProperty(prop)) {
      // Iterate over the array
      for (var i = 0; i 

在建议的解决方案中,当过滤器包含多个属性时会出现问题。具体来说,在第二次迭代期间,users[i][prop] 和 filter[prop] 之间的比较不正确。为了解决这个问题,我们可以将代码修改为以下内容:

function filterUsers(users, filter) {
  var result = [];
  for (var prop in filter) {
    if (filter.hasOwnProperty(prop)) {
      // Apply filter on the array
      users = users.filter((user) => user[prop] === filter[prop]);
    }
  }
  return result;
}

在此版本中,我们利用数组内置的过滤方法来动态应用过滤条件。这可确保结果中仅包含满足所有指定条件的对象。

用法示例

使用更新的解决方案,过滤过程将按预期工作:

var users = [{
  name: 'John',
  email: '[email protected]',
  age: 25,
  address: 'USA'
}, {
  name: 'Tom',
  email: '[email protected]',
  age: 35,
  address: 'England'
}, {
  name: 'Mark',
  email: '[email protected]',
  age: 28,
  address: 'England'
}];

var filter = {
  address: 'England',
  name: 'Mark'
};

var filteredUsers = filterUsers(users, filter);

console.log(filteredUsers); // Output: [{ name: 'Mark', email: '[email protected]', age: 28, address: 'England' }]

这个解决方案解决了多个过滤条件不适用的问题正确应用,确保生成的过滤数组准确反映指定的条件。

最新教程 更多>
  • 如何在CSS中模糊背景图像而不模糊内容?
    如何在CSS中模糊背景图像而不模糊内容?
    CSS 在保持内容清晰度的同时对背景图像进行模糊处理尝试在 CSS 设置中模糊背景图像时,通常会遇到内容(文本或其他元素)也变得模糊的问题。这就是 z-index 和伪元素的概念发挥作用的地方。要模糊背景图像而不影响内容,可以采用以下方法:创建背景容器:将背景图像包含在div或其他容器中,并为其分配...
    编程 发布于2024-11-08
  • 哑的
    哑的
    大家好,我是Misti-sage,DOOF的唯一创造者: 动态的 输出 针对进行了优化 灵活性。 (我是编码新手,所以我的大部分(如果不是全部)DOOF 工作都是由 ChatGPT 协助的。) 我欢迎任何可以帮助改进 DOOF(也称为 Darfensmirg)的人。 <!DOCTYPE htm...
    编程 发布于2024-11-08
  • 为什么 Go 正则表达式 \\b 边界对于拉丁字符会失败?
    为什么 Go 正则表达式 \\b 边界对于拉丁字符会失败?
    \b Go 正则表达式中拉丁字符的边界在 Go 正则表达式的世界中, \b 边界选项有一个轻微的怪癖处理拉丁字符时。当尝试定义包含拉丁字符(例如重音元音和特殊字符)的单词时,就会出现此问题。考虑以下示例,我们希望使用 \b 边界选项来匹配单词“vis”:import ( "fmt&...
    编程 发布于2024-11-08
  • H2 与 HSQLDB:哪种嵌入式数据库最适合我的财务管理应用程序?
    H2 与 HSQLDB:哪种嵌入式数据库最适合我的财务管理应用程序?
    Java 嵌入式数据库比较鉴于有大量可用选项,为您的财务管理应用程序选择嵌入式数据库可能具有挑战性。为了帮助您,让我们根据您的需求比较 H2、HSQLDB、Derby 和 Berkeley DB。H2 与 HSQLDBH2 和 HSQLDB 都提供出色的性能和稳定。 H2以速度着称,而HSQLDB则...
    编程 发布于2024-11-08
  • C 中允许多少级指针间接寻址?
    C 中允许多少级指针间接寻址?
    C 语言中的指针深度:了解级别限制在 C 编程中,变量可以使用指针具有多层间接寻址。这种灵活性允许复杂的数据结构和高效的内存管理。然而,问题出现了:单个变量允许的最大指针级别(称为“*”)是多少?了解指针深度的限制对于有效和安全的编程至关重要。 C 标准定义了允许的指针级别数的下限,但上限是特定于实...
    编程 发布于2024-11-08
  • 光泽和微光让我的心率下降 - 案例研究
    光泽和微光让我的心率下降 - 案例研究
    最近,一位客户联系我,询问其 WordPress 网站上的“财务评估”javascript 应用程序不再工作。它有很多问题,最后,最简单的方法就是重建它。 在此应用程序中,用户可以输入基本的财务和个人信息,应用程序会告诉他们在财务规划方面是否走在正确的道路上。这不是超级复杂的逻辑,但有相当多的逻辑。...
    编程 发布于2024-11-08
  • 案例研究:加权九尾问题
    案例研究:加权九尾问题
    加权九尾问题可以简化为加权最短路径问题。 部分提出了九尾问题并使用 BFS 算法解决了它。本节介绍问题的变体并使用最短路径算法解决它。 九尾问题是找到导致所有硬币面朝下的最少移动次数。每一步都会翻转一枚正面硬币及其相邻硬币。加权九尾问题将翻转次数指定为每次移动的权重。例如,您可以通过翻转第一行中的第...
    编程 发布于2024-11-08
  • 如何在不依赖扩展名的情况下确定文件类型?
    如何在不依赖扩展名的情况下确定文件类型?
    如何在不依赖扩展名的情况下检测文件类型除了检查文件的扩展名之外,确定文件是 mp3 还是图像格式是很有价值的编程中的任务。这是一个不依赖扩展的全面解决方案:PHP >= 5.3:$mimetype = finfo_fopen(fopen($filename, 'r'), FILEINFO_MIME_...
    编程 发布于2024-11-08
  • 变量和文件夹的命名规则是什么?
    变量和文件夹的命名规则是什么?
    การตั้งชื่อสำหรับตัวแปรและโฟลเดอร์ในโปรเจกต์มีความสำคัญมากในการรักษาความอ่านง่ายและความเป็นระเบียบของโค้ด ต่อไปนี้คือลักษณะและกฎทั่วไปในการตั้งชื่อ: ...
    编程 发布于2024-11-08
  • 使用 Python 构建测验应用程序:分步指南
    使用 Python 构建测验应用程序:分步指南
    您是否曾想创建自己的测验应用程序?这是一个有趣的项目,可以帮助您学习编程,同时也可以创造一些有用的东西。在此项目中,我们将逐步介绍如何构建一个包含多项选择题、评分、时间限制和不同主题的简单测验应用程序。 我们的测验应用程序会做什么 我们的测验应用程序将: 提出多项选择题 记录分数 ...
    编程 发布于2024-11-08
  • 如何跨多个浏览器执行WebUI功能文件
    如何跨多个浏览器执行WebUI功能文件
    跨多个浏览器执行 WebUI 功能文件并行测试和分布式测试技术提供了跨各种浏览器执行 WebUI 功能文件的能力。在本文中,我们将探讨如何在 Karate 和 Zalenium 中使用这些方法。使用 Parallel RunnerKarate 中的并行运行器允许您执行并行的示例表。要利用此功能针对多...
    编程 发布于2024-11-08
  • PHP 中的 URL 缩短有哈希替代方法吗?
    PHP 中的 URL 缩短有哈希替代方法吗?
    URL 缩短的散列的替代方案正在寻求一种 PHP 解决方案来创建简洁的散列,就像 URL 缩短服务(如 TinyURL)所使用的那样?虽然可能会想到散列,但此响应揭示了一种不同的方法。TinyURL 不依赖散列,而是利用 Base 36 整数(甚至包括大写和小写字母的 Base 62)来识别目标记录...
    编程 发布于2024-11-08
  • 如何在 PHP 中使用 SimpleXML 从头开始​​创建 XML 对象?
    如何在 PHP 中使用 SimpleXML 从头开始​​创建 XML 对象?
    使用 SimpleXML 从头开始​​创建 XML 对象SimpleXML 是一个 PHP 库,提供用于操作 XML 文档的全面功能。经常会出现一个疑问:是否可以完全从头开始建立一个 XML 对象?最初,SimpleXML 似乎只允许导入现有的 XML 字符串,禁止从头开始直接创建 XML 对象。然...
    编程 发布于2024-11-08
  • 如何访问 Flask 路由中的查询参数和查询字符串?
    如何访问 Flask 路由中的查询参数和查询字符串?
    访问 Flask 路由中的查询字符串使用 Flask 时,必须能够访问查询参数和您的路由中的查询字符串有效处理用户输入和处理数据的路由。让我们探讨一下如何做到这一点。考虑以下示例路线:@app.route("/data") def data(): # query_stri...
    编程 发布于2024-11-08
  • 您的 Java 日志实用程序类是否将其自身报告为日志来源?了解如何修复它!
    您的 Java 日志实用程序类是否将其自身报告为日志来源?了解如何修复它!
    在现代软件开发的快节奏环境中,有效的日志记录对于高效的调试和系统监控至关重要。但是,日志输出中不一致或不准确的行号可能会使故障排除变得非常耗时。最近,我发现我们的内部日志记录实用程序将自身报告为日志来源。需要解决这个问题以提高日志精度。 问题 当使用自定义实用程序类来处理日志时,它...
    编程 发布于2024-11-08

免责声明: 提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发到邮箱:[email protected] 我们会第一时间内为您处理。

Copyright© 2022 湘ICP备2022001581号-3