如何修复Internet Explorer浏览器JavaScript中的数组indexOf()
如果您在任何时候使用过JavaScript,您都会知道InternetExplorer没有为Array.prototype.indexOf()实现ECMAScript函数[包括InternetExplorer8]。这不是一个大问题,因为您可以使用以下代码扩展页面上的功能如何修复Internet Explorer浏览器JavaScript中的数组indexOf(),javascript,internet-explorer,internet-explorer-8,cross-browser,Javascript,Internet Explorer,Internet Explorer 8,Cross Browser,如果您在任何时候使用过JavaScript,您都会知道InternetExplorer没有为Array.prototype.indexOf()实现ECMAScript函数[包括InternetExplorer8]。这不是一个大问题,因为您可以使用以下代码扩展页面上的功能 Array.prototype.indexOf = function(obj, start) { for (var i = (start || 0), j = this.length; i < j; i++) {
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;
}
或者做浏览器检查,如果它是InternetExplorer然后只是实现它
//Pseudo-code
if (browser == IE Style Browser) {
// Implement function here
}
像这样做
if (!Array.prototype.indexOf) {
}
作为
一般来说,浏览器检测代码是一个大禁忌。如果(!Array.prototype.indexOf)您应该检查它是否没有定义 此外,
indexOf
的实现也不正确。在if(这个[i]==obj)
语句中,必须使用===
而不是=
,否则[4,“5]”。根据您的实现,indexOf(5)
将是1,这是不正确的
我建议您使用。或者,您可以使用,它可以跨浏览器工作:
jQuery.inArray( value, array [, fromIndex ] )
完整的代码如下:
if (!Array.prototype.indexOf) {
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;
}
}
if(!Array.prototype.indexOf){
Array.prototype.indexOf=函数(obj,start){
对于(var i=(start | | 0),j=this.length;i
有关此函数以及其他数组函数的详细答案和代码,请查看堆栈溢出问题。下划线.js库中有一个函数可供您使用:
_.indexOf([1, 2, 3], 2)
我向任何寻找缺失功能的人推荐:
它将大部分缺少的ecma5功能引入到老浏览器中:)这是我的实现。基本上,在页面上的任何其他脚本之前添加此脚本。i、 e.在您的master中为Internet Explorer 8提供全局解决方案。我还添加了trim函数,它似乎用于框架的分配
<!--[if lte IE 8]>
<script>
if (!Array.prototype.indexOf) {
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;
};
}
if(typeof String.prototype.trim !== 'function') {
String.prototype.trim = function() {
return this.replace(/^\s+|\s+$/g, '');
};
};
</script>
<![endif]-->
带有下划线.js
var arr=['a','a1','b']
_.filter(arr,函数(a){返回a.indexOf('a')>-1;})
有Mozilla官方解决方案:
(函数(){
/**排列*/
//ECMA-262第5版15.4.4.14的生产步骤
//参考:http://es5.github.io/#x15.4.4.14
if(!Array.prototype.indexOf){
Array.prototype.indexOf=函数(searchElement,fromIndex){
var-k;
//1.让O作为调用ToObject传递的结果
//将此值作为参数。
如果(空===此| |未定义===此){
抛出新的TypeError(“'this'为null或未定义”);
}
var O=对象(此);
//2.让lenValue作为调用Get的结果
//带参数“length”的O的内部方法。
//3.将len设为ToUint32(lenValue)。
var len=O.length>>>0;
//4.如果len为0,则返回-1。
如果(len==0){
返回-1;
}
//5.如果传递了参数fromIndex,则n为
//ToInteger(fromIndex);否则n为0。
var n=+fromIndex | | 0;
if(数学绝对值(n)==无穷大){
n=0;
}
//6.如果n>=len,则返回-1。
如果(n>=len){
返回-1;
}
//7.如果n>=0,则k为n。
//8.否则,n=0?n:len-Math.abs(n),0);
//9.当k
这对我很有用
if (!Array.prototype.indexOf) {
Array.prototype.indexOf = function(elt /*, from*/) {
var len = this.length >>> 0;
var from = Number(arguments[1]) || 0;
from = (from < 0)? Math.ceil(from) : Math.floor(from);
if (from < 0)
from += len;
for (; from < len; from++) {
if (from in this && this[from] === elt)
return from;
}
return -1;
};
}
if(!Array.prototype.indexOf){
Array.prototype.indexOf=函数(elt/*,from*/){
var len=this.length>>>0;
var from=Number(参数[1])| | 0;
from=(from<0)?Math.ceil(from):Math.floor(from);
如果(从<0开始)
from+=len;
for(;from
实际上Array.prototype.indexOf
不是ECMA-262/ECMAScript的一部分。请看,您可能正在考虑String.prototype.indexOf
…它是一个扩展,而不是原始标准的一部分。但是,它应该作为Javascript 1.6的一部分实现(IE没有做到)@Josh:只是指“IE没有实现ECMAScript函数…”您对数组的实现。indexOf
没有考虑负的起始索引。请参阅此处的Mozilla建议权宜之计实施:我已将问题更新为使用“==”,因为我担心人们会用“==”复制它,这将是错误的——除此之外,这是可以的。请看Eli Grey的回答。我没有足够的代表来编辑这个问题,但请随意删除ECMAScript行话,并用适当的措辞替换。再次感谢。如果你使用这种检测方法,请小心。另一个库可能在您测试它之前实现此函数,并且它可能不符合标准(prototype不久前已经完成了)。如果我在一个充满敌意的环境中工作(许多其他程序员使用大量的distinc)
(function() {
/**Array*/
// Production steps of ECMA-262, Edition 5, 15.4.4.14
// Reference: http://es5.github.io/#x15.4.4.14
if (!Array.prototype.indexOf) {
Array.prototype.indexOf = function(searchElement, fromIndex) {
var k;
// 1. Let O be the result of calling ToObject passing
// the this value as the argument.
if (null === this || undefined === this) {
throw new TypeError('"this" is null or not defined');
}
var O = Object(this);
// 2. Let lenValue be the result of calling the Get
// internal method of O with the argument "length".
// 3. Let len be ToUint32(lenValue).
var len = O.length >>> 0;
// 4. If len is 0, return -1.
if (len === 0) {
return -1;
}
// 5. If argument fromIndex was passed let n be
// ToInteger(fromIndex); else let n be 0.
var n = +fromIndex || 0;
if (Math.abs(n) === Infinity) {
n = 0;
}
// 6. If n >= len, return -1.
if (n >= len) {
return -1;
}
// 7. If n >= 0, then Let k be n.
// 8. Else, n<0, Let k be len - abs(n).
// If k is less than 0, then let k be 0.
k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);
// 9. Repeat, while k < len
while (k < len) {
// a. Let Pk be ToString(k).
// This is implicit for LHS operands of the in operator
// b. Let kPresent be the result of calling the
// HasProperty internal method of O with argument Pk.
// This step can be combined with c
// c. If kPresent is true, then
// i. Let elementK be the result of calling the Get
// internal method of O with the argument ToString(k).
// ii. Let same be the result of applying the
// Strict Equality Comparison Algorithm to
// searchElement and elementK.
// iii. If same is true, return k.
if (k in O && O[k] === searchElement) {
return k;
}
k++;
}
return -1;
};
}
})();
if (!Array.prototype.indexOf) {
Array.prototype.indexOf = function(elt /*, from*/) {
var len = this.length >>> 0;
var from = Number(arguments[1]) || 0;
from = (from < 0)? Math.ceil(from) : Math.floor(from);
if (from < 0)
from += len;
for (; from < len; from++) {
if (from in this && this[from] === elt)
return from;
}
return -1;
};
}