は本当だANDアレイにエントリーエン一致するオブジェクトのキーを見つけることが

Question

私はこのような配列があります。

baseBreakpoints: [ 
    'xLarge', 
    'large', 
    'largeMedium', 
    'medium', 
    'smallMedium', 
    'small', 
    'xSmall' 
] 

を...と私はこのようなオブジェクトがあります：私は必要

breakpoints = { 
    "gtMedium": true, 
    "xLarge": true, 
    "gtLargeMedium": true, 
    "giant": false, 
    "small": false, 
    "ltLargeMedium": false, 
    "gtLarge": true, 
    "xSmall": false, 
    "largeMedium": false, 
    "medium": false, 
    "gtSmall": true, 
    "large": false, 
    "smallMedium": false 
} 

をオブジェクト内のキーを見つけるにはtrueとが配列に存在しています。たとえば、上記の例では、値はオブジェクトのxLarge === trueからxLargeになり、breakpoints配列に存在します。

提案がありますか？ Lodashはすでにプロジェクトに依存しています。

Answer 1

かなり簡単検索。

var baseBreakpoints = ['xLarge', 'large', 'largeMedium', 'medium', 'smallMedium', 'small', 'xSmall'], 
 
    breakpoints = { gtMedium: true, xLarge: true, gtLargeMedium: true, giant: false, small: false, ltLargeMedium: false, gtLarge: true, xSmall: false, largeMedium: false, medium: false, gtSmall: true, large: false, smallMedium: false }, 
 
    result = baseBreakpoints.filter(k => breakpoints[k]); 
 
    
 
console.log(result);

ES5

var baseBreakpoints = ['xLarge', 'large', 'largeMedium', 'medium', 'smallMedium', 'small', 'xSmall'], 
 
    breakpoints = { gtMedium: true, xLarge: true, gtLargeMedium: true, giant: false, small: false, ltLargeMedium: false, gtLarge: true, xSmall: false, largeMedium: false, medium: false, gtSmall: true, large: false, smallMedium: false }, 
 
    result = baseBreakpoints.filter(function (k) { return breakpoints[k]; }); 
 
    
 
console.log(result);

Answer 2

あなたはbreakpointsを検索することでbaseBreakpointsをフィルタリングすることができ

var baseBreakpoints = [ 
 
    'xLarge', 
 
    'large', 
 
    'largeMedium', 
 
    'medium', 
 
    'smallMedium', 
 
    'small', 
 
    'xSmall' 
 
]; 
 

 
var breakpoints = { 
 
    "gtMedium": true, 
 
    "xLarge": true, 
 
    "gtLargeMedium": true, 
 
    "giant": false, 
 
    "small": false, 
 
    "ltLargeMedium": false, 
 
    "gtLarge": true, 
 
    "xSmall": false, 
 
    "largeMedium": false, 
 
    "medium": false, 
 
    "gtSmall": true, 
 
    "large": false, 
 
    "smallMedium": false 
 
} 
 
var res = []; 
 
for (bp of baseBreakpoints) { 
 
    if (breakpoints[bp] != undefined && breakpoints[bp]) res.push(bp) 
 
} 
 
console.log(res)

Answer 3

あなたは、このアプローチを試すことができます。

キーが正真正銘であるかどうかの最初の条件チェック、2番目のキーが一致するかどうかをテストします。

この解決策は他の正解と比較して、フィルタリングされた配列ではなく純粋な文字列を返します。

let baseBreakpoints = ['xLarge', 'large', 'largeMedium', 'medium', 
 
'smallMedium', 'small', 'xSmall']; 
 

 
let breakpoints = { 
 
    "gtMedium": true, 
 
    "xLarge": true, 
 
    "gtLargeMedium": true, 
 
    "giant": false, 
 
    "small": false, 
 
    "ltLargeMedium": false, 
 
    "gtLarge": true, 
 
    "xSmall": false, 
 
    "largeMedium": false, 
 
    "medium": false, 
 
    "gtSmall": true, 
 
    "large": false, 
 
    "smallMedium": false 
 
} 
 

 
let key = Object.keys(breakpoints).find(key => { 
 
    return breakpoints[key] 
 
    && baseBreakpoints.some(breakpoint => breakpoint === key); 
 
}) 
 

 
console.log(key);