基于 JavaScript 中的属性过滤对象数组 您所在的位置:网站首页 js数组的过滤 基于 JavaScript 中的属性过滤对象数组

基于 JavaScript 中的属性过滤对象数组

2023-03-13 06:03| 来源: 网络整理| 查看: 265

当前位置:主页 > 学无止境 > WEB前端 > WEB前端 编程语言 网络 算法 操作系统 数据库 基于 JavaScript 中的属性过滤对象数组 作者:迹忆客 最近更新:2023/03/10 浏览次数:

filter() 方法是获取偏好结果的最简单方法。

除此之外,你可以遍历整个对象数组并显式声明条件。从技术上讲,较少代码和易于访问的技术是通过 filter 方法。

在这里,我们将重点介绍在对象数组上使用过滤器的两种方法。我们将一个回调函数指向一个变量或对象来存储过滤后的结果。

这个回调函数将具有函数的一般结构。稍后,我们也会尝试用箭头函数解决这个问题,并检查结果是否相似。

该演示将初始化一个具有多个属性的数组,也就是键值对。策略是先访问对象,然后访问数组。

接下来,我们将获取一个属性并对其应用条件。当我们使用 filter 方法时,条件的完全匹配将被过滤。

让我们跳到代码行。

代码片段:

var feature = { 'models': [{ "name": "Raven", "age": "22", "height": "176", "gender": "Female", "hair": "Brown", }, { "name": "Alex", "age": "23", "height": "185", "gender": "Male", "hair": "Black", }, { "name": "Eden", "age": "25", "height": "169", "gender": "Female", "hair": "Black", } ] } var extract = feature.models.filter(function(el){ return el.age=170 ; }); console.log(extract);

输出:

在这里,feature.models.filter 相应地访问对象和数组。此外,filter 方法被触发以将约束放入其中。

正如我们所见,age170 提取了可能匹配的模型细节。

箭头函数是普通函数结构约定的简写方式。我们将看看是否可以使用箭头函数来过滤对象数组。

代码片段:

var feature = { 'models': [{ "name": "Raven", "age": "22", "height": "176", "gender": "Female", "hair": "Brown", }, { "name": "Alex", "age": "23", "height": "185", "gender": "Male", "hair": "Black", }, { "name": "Eden", "age": "25", "height": "169", "gender": "Female", "hair": "Black", } ] } var extract = feature.models.filter(x => x.age


【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有