blocks|key|994019|text|一种方法是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|994020|var+text+=+$(this).val();
text+=+text.replace(/</g,+"&lt;").replace(/>/g,+"&gt;");
$("#output").html(text);|code-block|syntax|javascript|994021|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

One method would be:

<pre><code>var text = $(this).val();
text = text.replace(/&lt;/g, "&amp;lt;").replace(/&gt;/g, "&amp;gt;");
$("#output").html(text);
</code></pre>

blocks|key|779653|text|text+=+text.replace(/</g,+'&lt;').replace(/>/g,+'&gt;').replace(/\n/g,+' ');|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|779654|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

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

blocks|key|779713|text|没有办法在一个方法调用中做到这一点，您必须将调用链接在一起，或者编写一个手动执行所需操作的函数。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|779714|var+s+=+"<>\n";
s+=+s.replace("<",+"&lt;");
s+=+s.replace(">",+"&gt;");
s+=+s.replace("\n",+" ");|code-block|syntax|javascript|779715|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

There is no way to do this in one method call, you'll have to either chain calls together, or write a function that manually does what you need.

<pre><code>var s = "&lt;&gt;\n";
s = s.replace("&lt;", "&amp;lt;");
s = s.replace("&gt;", "&amp;gt;");
s = s.replace("\n", "&lt;br/&gt;");
</code></pre>

blocks|key|779750|text|您可以使用自己的函数来扩展String对象，该函数可以完成所需的操作(如果缺少功能，则非常有用)：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|779751|String.prototype.replaceArray+=+function(find,+replace)+{
++var+replaceString+=+this;
++for+(var+i+=+0;+i+<+find.length;+i%2B%2B)+{
++++replaceString+=+replaceString.replace(find[i],+replace[i]);
++}
++return+replaceString;
};|code-block|syntax|javascript|779752|对于全局替换，您可以使用regex：|779753|String.prototype.replaceArray+=+function(find,+replace)+{
++var+replaceString+=+this;
++var+regex;+
++for+(var+i+=+0;+i+<+find.length;+i%2B%2B)+{
++++regex+=+new+RegExp(find[i],+"g");
++++replaceString+=+replaceString.replace(regex,+replace[i]);
++}
++return+replaceString;
};|779754|要使用该函数，它将类似于您的PHP示例：|779755|var+textarea+=+$(this).val();
var+find+=+["<",+">",+"\n"];
var+replace+=+["&lt;",+"&gt;",+" "];
textarea+=+textarea.replaceArray(find,+replace);|779756|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

You could extend the String object with your own function that does what you need (useful if there's ever missing functionality):

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

For global replace you could use regex:

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

To use the function it'd be similar to your PHP example:

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

blocks|key|779799|text|您可能希望研究一个名为phpJS的JS库。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|779800|它允许您使用str_replace函数，就像在PHP中使用它一样。还有更多的php函数“移植”到了JavaScript上。|779801|http://phpjs.org/functions/str_replace:527|offset|length|779802|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|0|16|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|Q|8|@]|9|@$F|R|G|S|1|T]]|A|$]]|$1|H|3|-4|5|6|7|U|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|E]]]]

You might want to look into a JS library called phpJS.

It allows you to use the str_replace function similarly to how you would use it in PHP. There are also plenty more php functions "ported" over to JavaScript.

<a href="http://phpjs.org/functions/str_replace:527" rel="nofollow">http://phpjs.org/functions/str_replace:527</a>

blocks|key|994206|text|一种更直观的方法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|994207|String.prototype.htmlProtect+=+function()+{
++var+replace_map;

++replace_map+=+{
++++'\n':+'<br+/>',
++++'<':+'&lt;',
++++'>':+'&gt;'
++};

++return+this.replace(/[<>\n]/g,+function(match)+{+//+be+sure+to+add+every+char+in+the+pattern
++++return+replace_map[match];
++});
};|code-block|syntax|javascript|994208|这就是你所说的：|994209|var+myString+=+"tell+me+a+story,+\nbro'";
var+myNewString+=+myString.htmlProtect();

//+&lt;b&gt;tell+me+a+story,+<br+/>&lt;i&gt;bro'&lt;/i&gt;|994210|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

A more visual approach:

<pre><code>String.prototype.htmlProtect = function() {
 var replace_map;

 replace_map = {
 '\n': '&lt;br /&gt;',
 '&lt;': '&amp;lt;',
 '&gt;': '&amp;gt;'
 };

 return this.replace(/[&lt;&gt;\n]/g, function(match) { // be sure to add every char in the pattern
 return replace_map[match];
 });
};
</code></pre>

and this is how you call it:

<pre><code>var myString = "&lt;b&gt;tell me a story, \n&lt;i&gt;bro'&lt;/i&gt;";
var myNewString = myString.htmlProtect();

// &amp;lt;b&amp;gt;tell me a story, &lt;br /&gt;&amp;lt;i&amp;gt;bro'&amp;lt;/i&amp;gt;
</code></pre>

blocks|key|779852|text|String.prototype.replaceArray+=+function+(find,+replace)+{
++++var+replaceString+=+this;
++++for+(var+i+=+0;+i+<+find.length;+i%2B%2B)+{
++++++++//+global+replacement
++++++++var+pos+=+replaceString.indexOf(find[i]);
++++++++while+(pos+>+-1)+{
++++++++++++replaceString+=+replaceString.replace(find[i],+replace[i]);
++++++++++++pos+=+replaceString.indexOf(find[i]);
++++++++}
++++}
++++return+replaceString;
};

var+textT+=+"Hello+world,,,,,+hello+people.....";
var+find+=+[".",","];
var+replace+=+['2',+'5'];
textT+=+textT.replaceArray(find,+replace);
//+result:+Hello+world55555+hello+people22222|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|779853|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>String.prototype.replaceArray = function (find, replace) {
 var replaceString = this;
 for (var i = 0; i &lt; find.length; i++) {
 // global replacement
 var pos = replaceString.indexOf(find[i]);
 while (pos &gt; -1) {
 replaceString = replaceString.replace(find[i], replace[i]);
 pos = replaceString.indexOf(find[i]);
 }
 }
 return replaceString;
};

var textT = "Hello world,,,,, hello people.....";
var find = [".",","];
var replace = ['2', '5'];
textT = textT.replaceArray(find, replace);
// result: Hello world55555 hello people22222
</code></pre>

blocks|key|779903|text|最上面的答案相当于这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|779904|let+text+=+find.reduce((acc,+item,+i)+=>+{
++const+regex+=+new+RegExp(item,+"g");
++return+acc.replace(regex,+replace[i]);
},+textarea);|code-block|syntax|javascript|779905|考虑到这一点：|779906|var+textarea+=+$(this).val();
var+find+=+["<",+">",+"\n"];
var+replace+=+["&lt;",+"&gt;",+" "];|779907|在这种情况下，没有进行命令式编程。|779908|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

The top answer is equivalent to doing:

<pre><code>let text = find.reduce((acc, item, i) =&gt; {
 const regex = new RegExp(item, "g");
 return acc.replace(regex, replace[i]);
}, textarea);
</code></pre>

Given this:

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

In this case, no imperative programming is going on.

blocks|key|779958|text|一个简单的forEach循环很好地解决了这个问题：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|779959|let+text+=+'the+red+apple+and+the+green+ball';
const+toStrip+=+['red',+'green'];
toStrip.forEach(x+=>+{
+++text+=+text.replace(x,+'');
});

console.log(text);
//+logs+->+the+apple+and+the+ball|code-block|syntax|javascript|779960|entityMap^0|5|7|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

A simple <code>forEach</code> loop solves this quite well:
<pre><code>let text = 'the red apple and the green ball';
const toStrip = ['red', 'green'];
toStrip.forEach(x =&gt; {
 text = text.replace(x, '');
});

console.log(text);
// logs -&gt; the apple and the ball
</code></pre>

blocks|key|994350|text|​|type|unstyled|depth|inlineStyleRanges|entityRanges|data|994351|const+items+=+{
++'<':+'&lt;',
++'>':+'&gt;',
++'\n':+' ',
}

const+re+=+new+RegExp('('+%2B+Object.keys(items).join('%7C')+%2B+')',+'g')

const+input+=+'<foo>\n<bar>'

const+output+=+input.replace(re,+([key])+=>+items[key])

console.log(output)|code-block|syntax|javascript|994352|994353|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|K|8|@]|9|@]|A|$E|F]]|$1|G|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|M|8|@]|9|@]|A|$]]]|I|$]]

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>const items = {
 '&lt;': '&amp;lt;',
 '&gt;': '&amp;gt;',
 '\n': '&lt;br/&gt;',
}

const re = new RegExp('(' + Object.keys(items).join('|') + ')', 'g')

const input = '&lt;foo&gt;\n&lt;bar&gt;'

const output = input.replace(re, ([key]) =&gt; items[key])

console.log(output)</code></pre>
</div>
</div>

blocks|key|779999|text|以object为参数的版本：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|780000|String.prototype.strtr+=+function+(replace)+{
++++keys+=+Object.keys(replace);
++++result+=+this;
++++for+(i+=+0;+i+<+keys.length;+i%2B%2B)+{
++++++++result+=+result.replace(keys[i],+replace[keys[i]]);
++++}
++++return+result;
}

function+htmlspecialchars(str)+{
++++return+String(str).strtr({">":+"&gt;",+"<":+"&lt;",+"\n":+" "});
}

//+usage
text+=+"spam";
htmlspecialchars(text);|code-block|syntax|javascript|780001|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

A version with an object as a parameter:
<pre><code>String.prototype.strtr = function (replace) {
 keys = Object.keys(replace);
 result = this;
 for (i = 0; i &lt; keys.length; i++) {
 result = result.replace(keys[i], replace[keys[i]]);
 }
 return result;
}

function htmlspecialchars(str) {
 return String(str).strtr({&quot;&gt;&quot;: &quot;&amp;gt;&quot;, &quot;&lt;&quot;: &quot;&amp;lt;&quot;, &quot;\n&quot;: &quot;&lt;br/&gt;&quot;});
}

// usage
text = &quot;&lt;span&gt;spam&lt;/span&gt;&quot;;
htmlspecialchars(text);
</code></pre>

blocks|key|780055|text|jquery对此有一个解决方案。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|780056|var+htmlString+=+$(元素).html(+)；$(元素).text(+htmlString+)；|780057|点击此处查看：https://api.jquery.com/html/|offset|length|780058|entityMap|0|LINK|mutability|MUTABLE|url|https://api.jquery.com/html/^0|0|0|7|S|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@$F|S|G|T|1|U]]|A|$]]|$1|H|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|O]]]]

jquery have a solution for that.
var htmlString = $( element).html();
$( element ).text( htmlString );
view here:
<a href="https://api.jquery.com/html/" rel="nofollow noreferrer">https://api.jquery.com/html/</a>

Is there an easy equivalent to this in JavaScript?

<pre class="lang-php prettyprint-override"><code>$find = array("&lt;", "&gt;", "\n");
$replace = array("&amp;lt;", "&amp;gt;", "&lt;br/&gt;");

$textarea = str_replace($find, $replace, $textarea); 
</code></pre>

This is using PHP's <code>str_replace</code>, which allows you to use an array of words to look for and replace. Can I do something like this using JavaScript / jQuery?

<pre class="lang-javascript prettyprint-override"><code>...
var textarea = $(this).val();

// string replace here

$("#output").html(textarea);
...
</code></pre>

Replace multiple strings at once

jQuery

在JavaScript中有没有一个简单的等价物呢？$find = array("<", ">", "\n");$replace = array("&lt;", "&gt;", " ");$textarea = str_replace($find, $replace, $textarea); 这是使用PHP的st...

问一次替换多个字符串
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问一次替换多个字符串EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问一次替换多个字符串
EN