首頁猿問一次更換多個字符串

一次更換多個字符串

JavaScript JQuery

慕斯709654 2019-07-30 16:53:21

一次更換多個字符串在JavaScript中有一個簡單的等價物嗎？$find = array("<", ">", "\n");$replace = array("<", ">", "<br/>");$textarea = str_replace($find, $replace, $textarea); 這是使用PHP str_replace，它允許您使用單詞數組來查找和替換。我可以使用JavaScript / jQuery做這樣的事情嗎？...var textarea = $(this).val();// string replace here$("#output").html(textarea);...

查看完整描述

3 回答

狐的傳說

TA貢獻1804條經驗獲得超3個贊

您可以使用自己的函數擴展String對象，該函數可以滿足您的需要（如果缺少功能，則非常有用）：

String.prototype.replaceArray = function(find, replace) {
  var replaceString = this;
  for (var i = 0; i < find.length; i++) {
    replaceString = replaceString.replace(find[i], replace[i]);
  }
  return replaceString;};

對于全局替換，您可以使用正則表達式：

String.prototype.replaceArray = function(find, replace) {
  var replaceString = this;
  var regex; 
  for (var i = 0; i < find.length; i++) {
    regex = new RegExp(find[i], "g");
    replaceString = replaceString.replace(regex, replace[i]);
  }
  return replaceString;};

要使用該函數，它將與您的PHP示例類似：

var textarea = $(this).val();var find = ["<", ">", "\n"];var replace = ["&lt;", "&gt;", "<br/>"];textarea = textarea.replaceArray(find, replace);

反對回復 2019-07-30

jeck貓

TA貢獻1909條經驗獲得超7個贊

常見的錯誤

此頁面上的幾乎所有答案都使用累積替換，因此在替換字符串本身可以替換時會遇到相同的缺陷。以下是這種模式失敗的幾個例子（h / t @KurokiKaze @derekdreery）：

function replaceCumulative(str, find, replace) {
  for (var i = 0; i < find.length; i++)
    str = str.replace(new RegExp(find[i],"g"), replace[i]);
  return str;};// Fails in some cases:console.log( replaceCumulative( "tar pit", ['tar','pit'], ['capitol','house'] ) );console.log( replaceCumulative( "you & me", ['you','me'], ['me','you'] ) );

解

function replaceBulk( str, findArray, replaceArray ){
  var i, regex = [], map = {}; 
  for( i=0; i<findArray.length; i++ ){ 
    regex.push( findArray[i].replace(/([-[\]{}()*+?.\\^$|#,])/g,'\\$1') );
    map[findArray[i]] = replaceArray[i]; 
  }
  regex = regex.join('|');
  str = str.replace( new RegExp( regex, 'g' ), function(matched){
    return map[matched];
  });
  return str;}// Test:console.log( replaceBulk( "tar pit", ['tar','pit'], ['capitol','house'] ) );console.log( replaceBulk( "you & me", ['you','me'], ['me','you'] ) );

注意：

這是@ elchininet的更加兼容的變化的解決方案，它使用map()和Array.indexOf()，因而不會在IE8和更早的版本。

@ elchininet的實現對PHP來說更真實str_replace()，因為它還允許字符串作為查找/替換參數，并且如果有重復項將使用第一個查找數組匹配（我的版本將使用最后一個）。我在這個實現中沒有接受字符串，因為這個案例已經由JS的內置處理了String.replace()。

反對回復 2019-07-30

慕雪6442864

TA貢獻1812條經驗獲得超5個贊

text = text.replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/\n/g, '<br/>');

反對回復 2019-07-30

3 回答
0 關注
688 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

一次更換多個字符串

一次更換多個字符串

3 回答

常見的錯誤

解

添加回答