性能

今天2021.01.14我在Chrome v87, Safari v13.1.2和Firefox v84上对所选解决方案的MacOs HighSierra 10.13.6进行测试。

结果

适用于所有浏览器

解决方案Ba, Cb和Db是快速/最快的长字符串 解决方案Ca, Da是快速/最快的短字符串 Ab解和E解对于长弦是缓慢的 Ba, Bb和F解对于短弦是缓慢的

细节

我执行2个测试用例:

短字符串- 10个字符-你可以在这里运行它 长字符串- 100万个字符-你可以在这里运行它

下面的代码片段给出了解决方案 Aa Ab 英航 Bb Ca Cb 达 Db E F

// https://stackoverflow.com/questions/10398931/how-to-strToRemove-text-from-a-string // https://stackoverflow.com/a/10398941/860099 function Aa(str,strToRemove) { return str.replace(strToRemove,''); } // https://stackoverflow.com/a/63362111/860099 function Ab(str,strToRemove) { return str.replaceAll(strToRemove,''); } // https://stackoverflow.com/a/23539019/860099 function Ba(str,strToRemove) { let re = strToRemove.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); // regexp escape char return str.replace(new RegExp(re),''); } // https://stackoverflow.com/a/63362111/860099 function Bb(str,strToRemove) { let re = strToRemove.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); // regexp escape char return str.replaceAll(new RegExp(re,'g'),''); } // https://stackoverflow.com/a/27098801/860099 function Ca(str,strToRemove) { let start = str.indexOf(strToRemove); return str.slice(0,start) + str.slice(start+strToRemove.length, str.length); } // https://stackoverflow.com/a/27098801/860099 function Cb(str,strToRemove) { let start = str.search(strToRemove); return str.slice(0,start) + str.slice(start+strToRemove.length, str.length); } // https://stackoverflow.com/a/23181792/860099 function Da(str,strToRemove) { let start = str.indexOf(strToRemove); return str.substr(0, start) + str.substr(start + strToRemove.length); } // https://stackoverflow.com/a/23181792/860099 function Db(str,strToRemove) { let start = str.search(strToRemove); return str.substr(0, start) + str.substr(start + strToRemove.length); } // https://stackoverflow.com/a/49857431/860099 function E(str,strToRemove) { return str.split(strToRemove).join(''); } // https://stackoverflow.com/a/45406624/860099 function F(str,strToRemove) { var n = str.search(strToRemove); while (str.search(strToRemove) > -1) { n = str.search(strToRemove); str = str.substring(0, n) + str.substring(n + strToRemove.length, str.length); } return str; } let str = "data-123"; let strToRemove = "data-"; [Aa,Ab,Ba,Bb,Ca,Cb,Da,Db,E,F].map( f=> console.log(`${f.name.padEnd(2,' ')} ${f(str,strToRemove)}`)); This shippet only presents functions used in performance tests - it not perform tests itself!

这里是chrome的示例结果

我习惯了c#(尖锐)字符串。删除的方法。 在Javascript中，字符串没有remove函数，但是有substr函数。 可以使用substr函数一次或两次从字符串中删除字符。 您可以使用下面的函数删除字符串末尾的起始索引处的字符，就像c#方法首先重载string一样。删除(int startIndex):

function Remove(str, startIndex) {
    return str.substr(0, startIndex);
}

和/或你也可以让下面的函数删除字符在开始索引和计数，就像c#方法第二次重载字符串。删除(int startIndex, int count):

function Remove(str, startIndex, count) {
    return str.substr(0, startIndex) + str.substr(startIndex + count);
}

然后您可以使用这两个函数或其中一个来满足您的需要!

例子:

alert(Remove("data-123", 0, 5));

输出:123

Ex:-

var value="Data-123";
var removeData=value.replace("Data-","");
alert(removeData);

希望这对你有用。

我做的这个小函数一直很适合我:)

String.prototype.deleteWord = function (searchTerm) {
    var str = this;
    var n = str.search(searchTerm);
    while (str.search(searchTerm) > -1) {
        n = str.search(searchTerm);
        str = str.substring(0, n) + str.substring(n + searchTerm.length, str.length);
    }
    return str;
}

// Use it like this:
var string = "text is the cool!!";
string.deleteWord('the'); // Returns text is cool!!

我知道这不是最好的，但它一直对我有效:)

替换字符串的所有实例的另一种方法是使用新的(截至2020年8月)string .prototype. replaceall()方法。

它接受字符串或RegEx作为第一个参数，然后用第二个参数(字符串或生成字符串的函数)替换所有匹配项。

就目前的支持而言，在撰写本文时，除了IE，所有主流桌面浏览器*(甚至是Opera!)都采用了这种方法。对于移动设备，iOS SafariiOS 13.7+， Android Chromev85+和Android Firefoxv79+也都支持。

*包括Edge/ Chrome v85+， Firefox v77+， Safari 13.1+和Opera v71+

用户更新到受支持的浏览器版本需要时间，但现在有了广泛的浏览器支持，时间是唯一的障碍。

引用:

中数 我可以使用-当前浏览器支持信息吗 .replaceAll()的提案回购

您可以在下面的代码片段中测试当前浏览器:

//Example coutesy of MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replaceAll const p = 'The quick brown fox jumps over the lazy dog. If the dog reacted, was it really lazy?'; const regex = /dog/gi; try { console.log(p.replaceAll(regex, 'ferret')); // expected output: "The quick brown fox jumps over the lazy ferret. If the ferret reacted, was it really lazy?" console.log(p.replaceAll('dog', 'monkey')); // expected output: "The quick brown fox jumps over the lazy monkey. If the monkey reacted, was it really lazy?" console.log('Your browser is supported!'); } catch (e) { console.log('Your browser is unsupported! :('); } .as-console-wrapper: { max-height: 100% !important; }

性能

今天2021.01.14我在Chrome v87, Safari v13.1.2和Firefox v84上对所选解决方案的MacOs HighSierra 10.13.6进行测试。

结果

适用于所有浏览器

解决方案Ba, Cb和Db是快速/最快的长字符串 解决方案Ca, Da是快速/最快的短字符串 Ab解和E解对于长弦是缓慢的 Ba, Bb和F解对于短弦是缓慢的

细节

我执行2个测试用例:

短字符串- 10个字符-你可以在这里运行它 长字符串- 100万个字符-你可以在这里运行它

下面的代码片段给出了解决方案 Aa Ab 英航 Bb Ca Cb 达 Db E F

// https://stackoverflow.com/questions/10398931/how-to-strToRemove-text-from-a-string // https://stackoverflow.com/a/10398941/860099 function Aa(str,strToRemove) { return str.replace(strToRemove,''); } // https://stackoverflow.com/a/63362111/860099 function Ab(str,strToRemove) { return str.replaceAll(strToRemove,''); } // https://stackoverflow.com/a/23539019/860099 function Ba(str,strToRemove) { let re = strToRemove.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); // regexp escape char return str.replace(new RegExp(re),''); } // https://stackoverflow.com/a/63362111/860099 function Bb(str,strToRemove) { let re = strToRemove.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); // regexp escape char return str.replaceAll(new RegExp(re,'g'),''); } // https://stackoverflow.com/a/27098801/860099 function Ca(str,strToRemove) { let start = str.indexOf(strToRemove); return str.slice(0,start) + str.slice(start+strToRemove.length, str.length); } // https://stackoverflow.com/a/27098801/860099 function Cb(str,strToRemove) { let start = str.search(strToRemove); return str.slice(0,start) + str.slice(start+strToRemove.length, str.length); } // https://stackoverflow.com/a/23181792/860099 function Da(str,strToRemove) { let start = str.indexOf(strToRemove); return str.substr(0, start) + str.substr(start + strToRemove.length); } // https://stackoverflow.com/a/23181792/860099 function Db(str,strToRemove) { let start = str.search(strToRemove); return str.substr(0, start) + str.substr(start + strToRemove.length); } // https://stackoverflow.com/a/49857431/860099 function E(str,strToRemove) { return str.split(strToRemove).join(''); } // https://stackoverflow.com/a/45406624/860099 function F(str,strToRemove) { var n = str.search(strToRemove); while (str.search(strToRemove) > -1) { n = str.search(strToRemove); str = str.substring(0, n) + str.substring(n + strToRemove.length, str.length); } return str; } let str = "data-123"; let strToRemove = "data-"; [Aa,Ab,Ba,Bb,Ca,Cb,Da,Db,E,F].map( f=> console.log(`${f.name.padEnd(2,' ')} ${f(str,strToRemove)}`)); This shippet only presents functions used in performance tests - it not perform tests itself!

这里是chrome的示例结果