javascript - 遍历对象数组并返回对象键

Question

我的代码如下:

let filters = [ 
    {name: "MAKE", values: 
    [
      {
        Volkswagen: {active: true, make: "Volkswagen"},
        Skoda: {active: true, make: "Skoda"}
      }
    ]
    }
]

function getFilterValues(){
  return filters.filter(f => {
    if(f.name == "MAKE"){
      return f.values.filter(i => {
        Object.keys(i).map(key => {
          return key;
        });
      });
    }
  });
}

var div = document.getElementById('output');
div.innerHTML = getFilterValues();

我想遍历过滤器以获取对象键。

因此，在本例中，我想要的结果是 Volkswagen, Skoda。但是我的函数 getFilterValues 没有返回我想要的。

这里是 jsfiddle .

有什么建议吗？

Answer 1

主要问题在于过滤功能。你想要 map 因为使用过滤器你返回 true/false 元素是否应该包含在结果代码中。查看此差异:https://www.diffchecker.com/CX6hOoxo

这有效:https://jsfiddle.net/o93Lm0rc/101/

let filters = [ 
    {name: "MAKE", values: 
    [
        {
            Volkswagen: {active: true, make: "Volkswagen"},
            Skoda: {active: true, make: "Skoda"}
        }
    ]
    }
]

function getFilterValues(){
    return filters.map(f => {
        if(f.name == "MAKE"){
            return f.values.map(i => {
                return Object.keys(i).map(key => {
                    return key;
                });
            });
        }
    });
}


var div = document.getElementById('output');

div.innerHTML = getFilterValues();