2023年3月1日 16:36:08go评论68阅读模式

英文:

Angular: How can I filter an object-Array with multiple conditions

问题

有一个对象数组，像这样：

myObjectArray = [
 {name:&#39;John&#39;, label:&#39;ab&#39;, isActive: false},
 {name:&#39;Sara&#39;, label:&#39;bb&#39;, isActive: false},
 {name:&#39;John&#39;, label:&#39;cb&#39;, isActive: false},
 {name:&#39;Nicole&#39;, label:&#39;eb&#39;, isActive: true},
 {name:&#39;Nicole&#39;, label:&#39;eb&#39;, isActive: true},
 {name:&#39;Nicole&#39;, label:&#39;eb&#39;, isActive: true},
 {name:&#39;Nicole&#39;, label:&#39;eb&#39;, isActive: true},
 {name:&#39;Sara&#39;, label:&#39;fb&#39;, isActive: false},
 {name:&#39;Thomas&#39;, label:&#39;gb&#39;, isActive: false},
 {name:&#39;Holly&#39;, label:&#39;gb&#39;, isActive: true},
 {name:&#39;Nicole&#39;, label:&#39;hb&#39;, isActive: true},
 {name:&#39;Nicole&#39;, label:&#39;eb&#39;, isActive: true},
 {name:&#39;Sara&#39;, label:&#39;ib&#39;, isActive: false}
]

如何按照这样的方式筛选数组，以获得这个数组：

myObjectArray = [
 {name:&#39;John&#39;, label:&#39;ab&#39;, isActive: false},
 {name:&#39;Sara&#39;, label:&#39;bb&#39;, isActive: false},
 {name:&#39;Nicole&#39;, label:&#39;eb&#39;, isActive: true},
 {name:&#39;Thomas&#39;, label:&#39;gb&#39;, isActive: false},
 {name:&#39;Holly&#39;, label:&#39;gb&#39;, isActive: true},
]

如何使用“find”在第一个数组中过滤重复项，以获得第二个数组。Nicole在数组中出现多次。但必须保留，因为isActive == true。谢谢。

更新：
我需要第一个数组中所有仅一次的对象，当isAktive == false。但我还需要所有isActive == true的对象，无论它们出现多少次。谢谢。

英文:

I have an object-array like this:

myObjectArray = [
 {name:&#39;John&#39;, label:&#39;ab&#39;, isActive: false},
 {name:&#39;Sara&#39;, label:&#39;bb&#39;, isActive: false},
 {name:&#39;John&#39;, label:&#39;cb&#39;, isActive: false},
 {name:&#39;Nicole&#39;, label:&#39;eb&#39;, isActive: true},
 {name:&#39;Nicole&#39;, label:&#39;eb&#39;, isActive: true},
 {name:&#39;Nicole&#39;, label:&#39;eb&#39;, isActive: true},
 {name:&#39;Nicole&#39;, label:&#39;eb&#39;, isActive: true},
 {name:&#39;Sara&#39;, label:&#39;fb&#39;, isActive: false},
 {name:&#39;Thomas&#39;, label:&#39;gb&#39;, isActive: false},
 {name:&#39;Holly&#39;, label:&#39;gb&#39;, isActive: true},
 {name:&#39;Nicole&#39;, label:&#39;hb&#39;, isActive: true},
 {name:&#39;Nicole&#39;, label:&#39;eb&#39;, isActive: true},
 {name:&#39;Sara&#39;, label:&#39;ib&#39;, isActive: false}
]

How can i filter this array like this to get this array:

myObjectArray = [
 {name:&#39;John&#39;, label:&#39;ab&#39;, isActive: false},
 {name:&#39;Sara&#39;, label:&#39;bb&#39;, isActive: false},
 {name:&#39;Nicole&#39;, label:&#39;eb&#39;, isActive: true},
 {name:&#39;Thomas&#39;, label:&#39;gb&#39;, isActive: false},
 {name:&#39;Holly&#39;, label:&#39;gb&#39;, isActive: true},
]

How can I filter duplicates with "find" in first array to get the scond array. Nicole occurs multiple times in the array. However, it must be preserved because isActive == true. Thanks.

Update:
I need all objects in the first array only once when isAktive == false. But I also need all objects that are isActive == true, no matter how many times they occur. Thanks.

答案1

得分: 0

你可以在对象数组上使用筛选器，条件是：

对于 isActive = false，通过比较它们的名称来删除重复项

或者

对于 isActive = true，允许重复项

const result = [
  { name: 'John', label: 'ab', isActive: false },
  { name: 'Sara', label: 'bb', isActive: false },
  { name: 'John', label: 'cb', isActive: false },
  { name: 'Nicole', label: 'eb', isActive: true },
  { name: 'Sara', label: 'fb', isActive: false },
  { name: 'Thomas', label: 'gb', isActive: false },
  { name: 'Nicole', label: 'hb', isActive: true },
  { name: 'Sara', label: 'ib', isActive: false }
].filter((value, index, self) =>
  index === self.findIndex((t) => (
    !t.isActive && t.name === value.name
  )) || value.isActive
)

console.log(result)

英文:

You can use filter on your object array with condition of

remove duplicates by comparing their name for isActive = false

allow duplicates for isActive = true

const result = [
 {name:&#39;John&#39;, label:&#39;ab&#39;, isActive: false},
 {name:&#39;Sara&#39;, label:&#39;bb&#39;, isActive: false},
 {name:&#39;John&#39;, label:&#39;cb&#39;, isActive: false},
 {name:&#39;Nicole&#39;, label:&#39;eb&#39;, isActive: true},
 {name:&#39;Sara&#39;, label:&#39;fb&#39;, isActive: false},
 {name:&#39;Thomas&#39;, label:&#39;gb&#39;, isActive: false},
 {name:&#39;Nicole&#39;, label:&#39;hb&#39;, isActive: true},
 {name:&#39;Sara&#39;, label:&#39;ib&#39;, isActive: false}
].filter((value, index, self) =&gt;
  index === self.findIndex((t) =&gt; (
    !t.isActive &amp;&amp; t.name === value.name
  )) || value.isActive
)

console.log(result)

通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。

Angular：如何使用多个条件筛选对象数组

问题

答案1

如何生成带有多个按钮和标有递增数字的标签的图形用户界面？

如何在Angular中在iframe无法加载src中的资源时显示替代文本。

当元素超过其大小的一半时，调整数组大小。

如何在 TypeScript 中以编程方式折叠一个 p-fieldset。

What's the correct way to type hint an empty list as a literal in python?

如何在Highcharts Gantt中更改本地化的星期名称

如何在同一个流中使用多个过滤器和映射函数？

如何使用Map/Set来将代码优化到O(n)？

.NET MAUI Android在GitHub Actions上构建失败，错误代码为1。

如何在Playwright视觉比较中屏蔽多个定位器？

在C++中，可以使用可变模板参数来检索类型的内部类型。

selenium.common.exceptions.StaleElementReferenceException: Message: stale element reference: stale element not found

Creating and opening a URL to log in to Website via Basic Auth with Robot Framework/Selenium (Python)

AG Grid 在上下文菜单中以大文本形式打开

发表评论