如果您已经使用过任何长度的JavaScript,那么您就知道Internet Explorer没有为Array.prototype.indexOf()[包括Internet Explorer 8]实现ECMAScript函数 . 这不是一个大问题,因为您可以使用以下代码扩展页面上的功能 .
Array.prototype.indexOf = function(obj, start) {
for (var i = (start || 0), j = this.length; i < j; i++) {
if (this[i] === obj) { return i; }
}
return -1;
}
我什么时候应该实现这个?
我应该使用以下检查将其包装在我的所有页面上,检查是否存在原型函数,如果不存在,请继续并扩展Array原型?
if (!Array.prototype.indexOf) {
// Implement function here
}
或者浏览器检查,如果它是Internet Explorer,那么只需实现它?
//Pseudo-code
if (browser == IE Style Browser) {
// Implement function here
}
10 回答
像这样做...
如recommended compatibility by MDC .
一般来说,浏览器检测代码是一个很大的禁忌 .
或者,您可以使用jQuery 1.2 inArray function,它应该适用于浏览器:
那么完整的代码将是这样的:
有关此以及其他数组函数的完整答案和代码,请查看Stack Overflow问题Fixing JavaScript Array functions in Internet Explorer (indexOf, forEach, etc.) .
underscore.js库有一个indexOf函数,您可以使用它:
您应该检查是否使用
if (!Array.prototype.indexOf)
定义了它 .此外,您的
indexOf
实现不正确 . 您必须在if (this[i] == obj)
语句中使用===
而不是==
,否则根据您的实现,[4,"5"].indexOf(5)
将为1,这是不正确的 .我建议你使用the implementation on MDC .
有Mozilla官方解决方案:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf
我建议任何寻找缺失功能的人:
http://code.google.com/p/ddr-ecma5/
它为大多数浏览器带来了大部分缺少的ecma5功能:)
这是我的实施 . 基本上,在页面上的任何其他脚本之前添加它 . 即在你的主人中为Internet Explorer 8提供全局解决方案 . 我还在trim函数中添加了似乎在分配框架中使用的函数 .
这个对我有用 .
使用Underscore.js
var arr=['a','a1','b'] _.filter(arr, function(a){ return a.indexOf('a') > -1; })