我正在尝试在正在制作的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
函数的功能数量直接相关。
如果我删除这些功能,我可以让多选择正常工作(只有多选部分,而不是整个图表。我不明白,导致错误的原因是什么。
感谢任何帮助。感谢。
答案 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;
}
});
和您添加的其他原型方法类似。