javascript - 从对象数组中提取每个对象的属性值并将其放入不同的数组中

标签 javascript arrays typescript filter javascript-objects

我有一组过滤器,它们是响应式(Reactive)表单对象。我已获取对象的属性并将其插入数组中。

// original filters object {claim_number: null, status: "Approved", patient: null, service_date: null}

let filterArr = []
Object.keys(this.filtersForm.value).forEach(filter => {
    filterArr.push(this.filtersForm.value[filter])
    // filterArr [null, “Approved, null, null]
})

我有一个由如下对象数组组成的表:

"claims":[  
        {  
            "billed_amount":141.78,
            "claim_number": "6596594-0",
            "location":"University Hospital",
            "member_id":"A1234567890",
            "status":{  
                "label":"Approved",
                "value": "Approved"
            }
        },
        {  
            "billed_amount":341.70,
            "claim_number": "2196524-3",
            "location":"Springfield Hospital",
            "member_id":"B1234567890",
            "status":{  
                "label":"Pending",
                "value":"Pending"
            }
        },
        {  
            "billed_amount":111.70,
            "claim_number": "1233514-5",
            "location":"Springfield Hospital",
            "member_id":"C1234567890",
            "status":{  
                "label":"Pending",
                "value":"Pending"
            }
        },
        {
            // ...etc
        }
    ]

我试图循环遍历每一行并将属性值放入一个数组中,每一行一个,这样我就可以根据 filterArr 过滤它们。我怎样才能做到这一点?

我的问题与这篇文章类似( From an array of objects, extract value of a property as array ),主要区别在于我试图为每个对象创建一个数组。

每个对象代表我试图动态过滤的表中的一行。所以我不能将不同行的值放入一个数组中。

最佳答案

根据你想要的结果,我认为你可以使用ES6函数。

const result = yourTable.map(element => Object.values(element));

使用 map() 函数,您可以遍历所有元素,并从每个对象中提取其值。

关于javascript - 从对象数组中提取每个对象的属性值并将其放入不同的数组中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53547442/

相关文章:

ruby - Ruby 中数组正负值的所有组合

PHP,将多维数组中的所有数组递归提取到一个平面 "holder"数组?

javascript - 我如何将点击事件定位到 Angular 2 中的另一个组件

javascript - 在 Javascript 中使用内部和外部分隔符拆分字符串

javascript - dalelotts angular-bootstrap-datetimepicker 在 timepicker 中显示 24 小时格式

python - 尝试对两个数组求和

angular - 等待 Api 的响应 - Angular js 2

javascript - 在纯 Javascript 中每次单击都会更改背景颜色

javascript - Bootstrap datetimepicker 未出现在正确的位置

typescript - 元素隐式具有 'any' 类型,因为类型 'Tag' 的表达式不能用于索引类型 '{}' 。类型 'html' 上不存在属性 '{}'