은 객체와 객체 반환 키 배열을 통해

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

주된 문제는 필터 함수이다. 필터를 사용하면 요소가 결과 코드에 포함되어야하는지 여부를 true/false로 반환하므로 map이 필요합니다. https://www.diffchecker.com/CX6hOoxo

이 작동 :이 DIFF을 확인 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(); 

Answer 2

Object.keys()을 사용하면 키 목록을 얻을 수 있습니다.

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

 
for (i = 0; i < filters.length; i++) { 
 
    if (typeof filters[i].values == "object") { 
 
    console.log(Object.keys(filters[i].values[0])); 
 
    } 
 
}