在IE9中有效的输出，但在IE7/IE8中未定义的输出

Question

我写了一个简单的'replaceAll'函数来扩展String.prototype。

String.prototype.replaceAll = function (removalChar, insertionChar) { 
    var output = ""; 
    for (var i = 0; i < this.length; i++) { 
     if(this[i] == removalChar) { 
      output += insertionChar; 
     } 
     else { 
      output += this[i]; 
     } 
    } 
    return output; 
} 

测试代码：

var test = "Hello-1-2-3"; 
alert(test.replaceAll("-"," ")); 

我的测试代码提醒所有的浏览器IE9，包括Hello 1 2 3。

但在IE7和8，输出我得到的是这样的：undefinedundefinedundefinedundefinedundefinedundefined...

---

的jsfiddle：http://jsfiddle.net/cd4Z2/ （试试这个在IE7/IE8）

---

怎么可能我可能重写函数以确保它在IE7/8上工作而不会破坏其他浏览器的行为？

Answer 1

您不能在IE7/8中使用this[i]访问字符串字符。使用.charAt(i)代替，如下解释：

Javascript strings - getting the char at a certain point

---

更新小提琴（在IE8测试）：http://jsfiddle.net/cd4Z2/2/

我刚刚与this.charAt(i)取代this[i]。

---

在this问题，一些好的原因，为什么你宁愿使用charAt，而不是string[index]说明。后者不是ECMAScript 3的一部分。

Answer 2

IE < 9不会像字符串那样处理字符串，即它们缺乏将单个字母与索引进行引用的能力。您可以使用一个临时数组（var temp = this.split('');），而不是this[i]

Answer 3

尝试了这一点： -

String.prototype.replaceAll = function (removalChar, insertionChar) { 
    var output = ""; 
    var res = this.split(''); 
    for (var i = 0; i < this.length; i++) { 
     if(res[i] == removalChar) { 
      output += insertionChar; 
     } 
     else { 
      output += res[i]; 
     } 
    } 
    return output; 
} 


var test = "Hello-1-2-3"; 
//alert(test.replace("-"," ")); 
alert(test.replaceAll("-"," "));