[解決済み] JavaScript: オブジェクトの filter()

質問

ECMAScript 5 では filter() のプロトタイプです。 Array タイプではなく Object のようなタイプは、私の理解が正しければ

をどのように実装すればよいのでしょうか？ filter() に対して Object をJavaScriptで作成することはできますか？

例えば、こんなオブジェクトがあるとします。

var foo = {
    bar: "Yes"
};

と書きたいのですが filter() で動作する Object s:

Object.prototype.filter = function(predicate) {
    var result = {};

    for (key in this) {
        if (this.hasOwnProperty(key) && !predicate(this[key])) {
            result[key] = this[key];
        }
    }

    return result;
};

以下のデモで使うとうまくいくのですが、jQuery 1.5 と jQuery UI 1.8.9 を使っているサイトに追加すると、FireBug で JavaScript エラーが発生します。

Object.prototype.filter = function(predicate) {
  var result = {};
  for (key in this) {
    if (this.hasOwnProperty(key) && !predicate(this[key])) {
      console.log("copying");
      result[key] = this[key];
    }
  }
  return result;
};

var foo = {
  bar: "Yes",
  moo: undefined
};

foo = foo.filter(function(property) {
  return typeof property === "undefined";
});

document.getElementById('disp').innerHTML = JSON.stringify(foo, undefined, '  ');
console.log(foo);

#disp {
  white-space: pre;
  font-family: monospace
}

<div id="disp"></div>

解決方法は？

を絶対に拡張しないでください。 Object.prototype .

あなたのコードには恐ろしいことが起こるでしょう。物事が壊れるのです。あなたが拡張しているのは すべて オブジェクト・タイプ、オブジェクト・リテラルを含む

以下に簡単な例を示しますので、試してみてください。

    // Extend Object.prototype
Object.prototype.extended = "I'm everywhere!";

    // See the result
alert( {}.extended );          // "I'm everywhere!"
alert( [].extended );          // "I'm everywhere!"
alert( new Date().extended );  // "I'm everywhere!"
alert( 3..extended );          // "I'm everywhere!"
alert( true.extended );        // "I'm everywhere!"
alert( "here?".extended );     // "I'm everywhere!"

代わりに、オブジェクトを渡す関数を作成します。

Object.filter = function( obj, predicate) {
    let result = {}, key;

    for (key in obj) {
        if (obj.hasOwnProperty(key) && !predicate(obj[key])) {
            result[key] = obj[key];
        }
    }

    return result;
};