Skip to main content
Commonmark migration
Origen Enlace

lo que busco hacer es que el metodo replace considere cada palabra como global (/verde/g) para que en caso de que se escriba mas de 2 veces un color remplace todas y no solo la primera que encuentre.

##Solución:

Solución:

Puedes usar RegExp para crear una expresión regular que encuentre la palabra e indicar el flag g para que reemplace todas las ocurrencias de la misma.

###Ejemplo:

Ejemplo:

function filter(e) {
  var text = document.getElementById("input").value;
  var color = ["rojo", "verde", "azul"];

  for (i = 0; i <= color.length - 1; i++) {
    var quitar = color[i];
    text = text.replace(new RegExp(quitar, 'g'), "*");
  }
  
  console.log(text);
}

document.getElementById("button").addEventListener('click', filter);
<input id="input" value="violeta rojo verde azul violeta rojo verde azul" />
<button id="button">Filtrar</button>

lo que busco hacer es que el metodo replace considere cada palabra como global (/verde/g) para que en caso de que se escriba mas de 2 veces un color remplace todas y no solo la primera que encuentre.

##Solución:

Puedes usar RegExp para crear una expresión regular que encuentre la palabra e indicar el flag g para que reemplace todas las ocurrencias de la misma.

###Ejemplo:

function filter(e) {
  var text = document.getElementById("input").value;
  var color = ["rojo", "verde", "azul"];

  for (i = 0; i <= color.length - 1; i++) {
    var quitar = color[i];
    text = text.replace(new RegExp(quitar, 'g'), "*");
  }
  
  console.log(text);
}

document.getElementById("button").addEventListener('click', filter);
<input id="input" value="violeta rojo verde azul violeta rojo verde azul" />
<button id="button">Filtrar</button>

lo que busco hacer es que el metodo replace considere cada palabra como global (/verde/g) para que en caso de que se escriba mas de 2 veces un color remplace todas y no solo la primera que encuentre.

Solución:

Puedes usar RegExp para crear una expresión regular que encuentre la palabra e indicar el flag g para que reemplace todas las ocurrencias de la misma.

Ejemplo:

function filter(e) {
  var text = document.getElementById("input").value;
  var color = ["rojo", "verde", "azul"];

  for (i = 0; i <= color.length - 1; i++) {
    var quitar = color[i];
    text = text.replace(new RegExp(quitar, 'g'), "*");
  }
  
  console.log(text);
}

document.getElementById("button").addEventListener('click', filter);
<input id="input" value="violeta rojo verde azul violeta rojo verde azul" />
<button id="button">Filtrar</button>

Origen Enlace
Marcos
  • 35.7k
  • 7
  • 36
  • 70

lo que busco hacer es que el metodo replace considere cada palabra como global (/verde/g) para que en caso de que se escriba mas de 2 veces un color remplace todas y no solo la primera que encuentre.

##Solución:

Puedes usar RegExp para crear una expresión regular que encuentre la palabra e indicar el flag g para que reemplace todas las ocurrencias de la misma.

###Ejemplo:

function filter(e) {
  var text = document.getElementById("input").value;
  var color = ["rojo", "verde", "azul"];

  for (i = 0; i <= color.length - 1; i++) {
    var quitar = color[i];
    text = text.replace(new RegExp(quitar, 'g'), "*");
  }
  
  console.log(text);
}

document.getElementById("button").addEventListener('click', filter);
<input id="input" value="violeta rojo verde azul violeta rojo verde azul" />
<button id="button">Filtrar</button>