[JavaScript] replaceAllを実装する

投稿日：2016年11月1日更新日：2018年5月3日

JavaScriptではreplaceメソッドはありますが、replaceAllメソッドはありません。

そこで、replaceAllメソッドを実装してみます。

※replaceメソッドは、一番初めに出現した文字のみ置換するメソッドで、 replaceAllメソッドは、出現した文字全てを置換するメソッドです。

replaceAllを実装する（通常Function版）

通常のFunctionで定義したreplaceAllメソッドです。

例）Function版のreplaceAllメソッド

function replaceAll(str, beforeStr, afterStr){
  var reg = new RegExp(beforeStr, "g");
  return str.replace(reg, afterStr);
}

function replaceAll(str, beforeStr, afterStr){

var reg = new RegExp(beforeStr, "g");

return str.replace(reg, afterStr);

}

（使用例）: var str = "pikopiko"; var result = replaceAll(str, "i", "e"); → "pekopeko"

replaceAllを実装する（prototype版）

prototypeで定義したreplaceAllメソッドです。
prototypeを使うと、あたかも標準のメソッドのような使い方ができます。

例）prototype版のreplaceAllメソッド

window.onload=function(){
  String.prototype.replaceAll = function(beforeStr, afterStr) {
    var reg = new RegExp(beforeStr, "g");
    return this.replace(reg, afterStr);
  };
}

window.onload=function(){

String.prototype.replaceAll = function(beforeStr, afterStr) {

var reg = new RegExp(beforeStr, "g");

return this.replace(reg, afterStr);

};

}

（使用例）: var str = "pikopiko"; var result = str.replaceAll("i", "e"); → "pekopeko"

執筆者：とら