javascript - 循环遍历一个对象来检查返回 true 的函数

Question

我有一个像这样的对象:

var BrowserDetect = {
    uniqueProps: [],
    browserUID: '',
    browserFonts: '',
    isIPhonePad: function() {
        return navigator.userAgent.match(/iPhone|iPod/i);
    },
    isDesktop: function() {
        return !navigator.userAgent.match(/iPhone|iPad|android/i);
    },
    isAndroid: function() {
        return navigator.userAgent.match(/android/i);
    },
    isFirefox: function() {
        return navigator.userAgent.match(/firefox/i);
    },
    isIOS7: function() {
        return navigator.userAgent.match(/.*CPU.*OS 7_\d/i);
    },
    isChromeCrios: function() {
        return navigator.userAgent.match(/chrome|crios/i);
    },
    isIPad: function() {
        return navigator.userAgent.match(/iPad/i);
    }
}

(仅供引用:对象内部还有更多函数)

所以我想检查“BrowserDetect”并检查其中哪些函数返回“true”并获取函数的名称。

实现这一目标的简单方法是什么？我尝试使用jquery $.each，但没有成功。

Answer 1

使用Object.keys()和Array#filter来迭代对象并返回所有真实的函数名称:

Object.keys(BrowserDetect).filter(function(key) {
  var f = BrowserDetect[key];

  return typeof f === 'function' && f();
});

var BrowserDetect = {
    uniqueProps: [],
    browserUID: '',
    browserFonts: '',
    isIPhonePad: function() {
        return navigator.userAgent.match(/iPhone|iPod/i);
    },
    isDesktop: function() {
        return !navigator.userAgent.match(/iPhone|iPad|android/i);
    },
    isAndroid: function() {
        return navigator.userAgent.match(/android/i);
    },
    isFirefox: function() {
        return navigator.userAgent.match(/firefox/i);
    },
    isIOS7: function() {
        return navigator.userAgent.match(/.*CPU.*OS 7_\d/i);
    },
    isChromeCrios: function() {
        return navigator.userAgent.match(/chrome|crios/i);
    },
    isIPad: function() {
        return navigator.userAgent.match(/iPad/i);
    }
};

var result = Object.keys(BrowserDetect).filter(function(key) {
  var f = BrowserDetect[key];
  
  return typeof f === 'function' && f();
});

console.log(result);