¿Hay un equivalente fácil a esto en JavaScript?
$find = array("<", ">", "\n"); $replace = array("<", ">", "<br/>"); $textarea = str_replace($find, $replace, $textarea); Esto está usando str_replace de PHP, que le permite usar una matriz de palabras para buscar y reemplazar. ¿Puedo hacer algo como esto usando JavaScript / jQuery?
... var textarea = $(this).val(); // string replace here $("#output").html(textarea); ...Puede extender el objeto String con su propia función que hace lo que necesita (útil si alguna vez falta funcionalidad):
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; };Para reemplazo global, puede usar expresiones regulares:
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; };Para usar la función, sería similar a su ejemplo de PHP:
var textarea = $(this).val(); var find = ["<", ">", "\n"]; var replace = ["<", ">", "<br/>"]; textarea = textarea.replaceArray(find, replace);Casi todas las respuestas en esta página usan reemplazo acumulativo y, por lo tanto, sufren la misma falla donde las cadenas de reemplazo están sujetas a reemplazo. Aquí hay un par de ejemplos en los que falla este patrón (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'] ) );Nota:
Esta es una variación más compatible de la solución de @elchininet, que usa map() y Array.indexOf() y, por lo tanto, no funcionará en IE8 y versiones anteriores.
La implementación de @elchininet es más fiel a str_replace() de PHP, porque también permite cadenas como parámetros de búsqueda/reemplazo, y usará la primera coincidencia de matriz de búsqueda si hay duplicados (mi versión usará la última). No acepté cadenas en esta implementación porque ese caso ya lo maneja el String.replace() integrado de JS.
text = text.replace(/</g, '<').replace(/>/g, '>').replace(/\n/g, '<br/>');