Array.prototype导致错误

时间:2016-06-19 22:07:13

标签: javascript arrays w2ui

我正在尝试在正在制作的d3图表之一中实施w2ui multi select

这是带有问题的示例jsfiddle的链接。

我有三个功能:

//get a column of an array
Array.prototype.getColumn = function(name) {
  return this.map(function(el) {
    // gets corresponding 'column'
    if (el.hasOwnProperty(name)) return el[name];
    // removes undefined values
  }).filter(function(el) {
    return typeof el != 'undefined';
  });
};
//remove duplicates in an array
Array.prototype.contains = function(v) {
  for (var i = 0; i < this.length; i++) {
    if (this[i] === v) return true;
  }
  return false;
};
Array.prototype.unique = function() {
  var arr = [];
  for (var i = 0; i < this.length; i++) {
    if (!arr.contains(this[i])) {
      arr.push(this[i]);
    }
  }
  return arr;
}

我需要在我的一个功能中实现这三个。

问题在于,每当我尝试使用Array.prototype实现这些功能时,我都会将多选项中的项目设为"undefined""undefined"的数量与具有Array.prototype函数的功能数量直接相关。

如果我删除这些功能,我可以让多选择正常工作(只有多选部分,而不是整个图表。我不明白,导致错误的原因是什么。

感谢任何帮助。感谢。

1 个答案:

答案 0 :(得分:5)

一般情况下,当您使用第三方库时,弄乱核心javascript对象是一个坏主意。如果您仍希望以这种方式保持并解决此特定问题,请使用Object.defineProperty方法,关闭可枚举位

所以例如改变

Array.prototype.contains = function(v) {
  for (var i = 0; i < this.length; i++) {
    if (this[i] === v) return true;
  }
  return false;
};

Object.defineProperty(Array.prototype, 'contains', {
    enumerable: false,
    value: function(v) {
        for (var i = 0; i < this.length; i++) {
            if (this[i] === v) return true;
        }
        return false;
    }
});

和您添加的其他原型方法类似。