基于 JavaScript 中的属性过滤对象数组 | 您所在的位置:网站首页 › js数组的过滤 › 基于 JavaScript 中的属性过滤对象数组 |
当前位置:主页 > 学无止境 > 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 实验室设备网 版权所有 |