Question

我有一个用于绘制HTML表的Object数组：

Array(5)
0: Object
   id: 4
   name: Sand Jane
   address: Green Sand Street
   ...
   ...
   ...
1: Object
2: Object
...
...
...

我可以使用

执行单个name列定义搜索

const temp = this.temp.filter(function (d) {
            return d.name.toLowerCase().indexOf(val) !== -1 || !val;
        });

temp将包含this.temp

的过滤数据

现在我无法弄清楚如何遍历所有对象键（id，name，address ...），以便我可以在表中进行全局列搜索。

更新：我试过了，

const temp = [];
        this.temp.forEach(element => {
            for (let key in element) {
                if (element.hasOwnProperty(key)) {
                    let v = element[key];
                    if (v.toString().toLowerCase().indexOf(val) !== -1 || !val) {
                        temp.push(element);
                    }
                }
            }
        });

它有效，但有性能问题。

已解决：在break修复此问题后设置temp.push。感谢大家的指导和参考。

Answer 1

temp.forEach(item=>{
    for(let key in item) {
       //item[key] gives you access to each value
    }
})

Answer 2

你可以迭代for循环，甚至可以在for循环中使用for循环。无论哪种方式，它都是自我解释的。

var dictionary = {
"employee1":[
    {"id":"0","name":"Google"},
    {"id":"1","name":"eBay"}
],
"employee2": [
    {"id":"2","name":"Yahoo"},
    {"id":"3","name":"Facebook"}
]
};
var employee1 = dictionary.employee1;
var employee2 = dictionary.employee2;

for ( var i in employee1) {
    var id = employee1[i].id;
    var name = employee1[i].name;
    console.log(id);
    console.log(name);
}

for ( var i in employee2) {
    var id = employee2[i].id;
    var name = employee2[i].name;
    console.log(id);
    console.log(name);
}

如何遍历所有对象数组？

2 个答案: