javascript - 在对象数组上使用 map() 时出现奇怪的输出，我该如何解决？

Question

我正在从对象数组中过滤空值，但接收到的不是干净的数组作为输出

//returns ,cat,snake,dog,cat,snake
//var input1 = [{"dog":"35","cat":"21","girrafe":"33","snake":"44"},{"dog":"22","cat":"","girrafe":"2","snake":""},{"dog":"","cat":"","girrafe":"88","snake":""}];

//returns ",,dog,girrafe,snake"
//var input1 = [{"dog":"43","cat":"32","girrafe":"1","snake":"33"},{"dog":"1","cat":"23","girrafe":"1","snake":"23"},{"dog":"","cat":"5","girrafe":"","snake":""}];

//returns dog,,dog,cat,snake
//var input1 = [{"dog":"","cat":"s","girrafe":"1","snake":"54"},{"dog":"x","cat":"y","girrafe":"45","snake":"x"},{"dog":"","cat":"","girrafe":"1","snake":""}];

//tried to fix with .join() but then

//returns doggirrafecat,girrafe if I uses console.log(input1.join())
var input1 = [{"dog":"","cat":"s","girrafe":"1","snake":"54"},{"dog":"x","cat":"y","girrafe":"","snake":"x"},{"dog":"s","cat":"","girrafe":"","snake":"ss"}];


//returns typeof object
var emptyKeys = input1.map(function (object) {
    return Object.keys(object).filter(function (key) {
        return object[key] === '';
    });
});

console.log(emptyKeys)

所以我的目标是在对象数组中获取空​​值并获取它们的键。我在这里做错了什么以及如何解决它以使所有输入都正确返回？

Answer 1

展平阵列解决了它，

var flatArray = Array.prototype.concat.apply([], input1);

感谢您的建议！

Answer 2

var emptyKeys = input1.map(function (object) {
    return Object.keys(object).filter(function (key) {
        return object[key] === '';
    });
}).filter(function(item){
 return item.length !== 0;
});

你是这个意思吗？

Answer 3

input1.reduce(function(accumulator, currentValue){
    accumulator.push(...Object.entries(currentValue).filter((kvPair) => kvPair[1] === '').map(ele => ele[0]));
    return accumulator;
}, [])