Cadena JavaScript replace() Mètode

En JavaScript, el mètode substituir(). s'utilitza per manipular cordes. Us permet cercar una part específica d'una cadena, anomenada a subcadena , i després substituïu-lo per un altre subcadena . El que és fantàstic és que aquest mètode no altera la cadena original , el que el fa ideal per a tasques on es vol mantenir la integritat de les dades originals. Entendre com utilitzar-lo substituir () pot millorar la vostra capacitat de treballar amb cadenes de manera eficaç a JavaScript.

Sintaxi:

str.replace(value1, value2); 
  • valor 1: és l'expressió regular que s'ha de substituir
  • valor 2: és una cadena que substituirà el contingut de la cadena donada.

Valors de retorn:

Retorna una cadena nova amb elements substituïts.

Exemple de mètode String replace():

A continuació es mostra un exemple del mètode string.replace().

javascript
let string = 'GeeksForGeeks'; let newstring = string.replace('GeeksForGeeks', 'GfG'); console.log(newstring); 

Sortida
GfG 

Explicació:

  • Una corda string> se li assigna el valor 'GeeksForGeeks'> .
  • El replace()> s'utilitza el mètode string> , cercant la subcadena 'GeeksForGeeks'> i substituint-lo per 'GfG'> .
  • Des de tota la cadena 'GeeksForGeeks'> coincideix, es substitueix per 'GfG'> .
  • La nova corda 'GfG'> s'assigna a la variable newstring> .
  • newstring> està connectat a la consola.

Exemple de mètode String replace():

Aquí el contingut de la cadena GeeksForGeeks es substituirà per gfg.

javascript
 // Assigning a string  let string = 'GeeksForGeeks is a CS portal';    // Calling replace() method  let newstring = string.replace(/GeeksForGeeks/, 'gfg');    // Printing replaced string  console.log(newstring); 

Sortida
gfg is a CS portal 

Explicació:

  • Una corda string> se li assigna el valor 'GeeksForGeeks is a CS portal'> .
  • El replace()> s'utilitza el mètode string> , utilitzant una expressió regular per fer coincidir la subcadena 'GeeksForGeeks'> i substituir-lo per 'gfg'> .
  • La primera aparició de 'GeeksForGeeks'> a la cadena es substitueix per 'gfg'> .
  • La cadena modificada s'assigna a la variable newstring> .
  • La cadena substituïda newstring> està connectat a la consola.

Exemple de mètode String replace():

A continuació es mostra un exemple del mètode string.replace().

javascript
// Taking a regular expression let re = /GeeksForGeeks/; // Taking a string as input let string = 'GeeksForGeeks is a CS portal'; // Calling replace() method to replace // GeeksForGeeks from string with gfg let newstring = string.replace(re, 'gfg'); // Printing new string with replaced items console.log(newstring); 

Sortida
gfg is a CS portal 

Explicació:

  • Una expressió regular re> es defineix perquè coincideixi amb la subcadena 'GeeksForGeeks'> .
  • Una corda string> se li assigna el valor 'GeeksForGeeks is a CS portal'> .
  • El replace()> s'utilitza el mètode string> , utilitzant l'expressió regular re> per fer coincidir la subcadena 'GeeksForGeeks'> i substituir-lo per 'gfg'> .
  • La primera aparició de 'GeeksForGeeks'> a la cadena es substitueix per 'gfg'> .
  • La cadena modificada s'assigna a la variable newstring> .
  • La cadena substituïda newstring> està connectat a la consola.

També podem substituir les mateixes paraules en diversos llocs d'una cadena. Es coneix com un substitut global.

Exemple de mètode String replace():

Aquest exemple explica la substitució de diverses paraules similars en una cadena.

Javascript
// Assigning a string let string = 'GeeksForGeeks is a CS portal.' +  'In GeeksForGeeks we can learn multiple languages.' +  'geeksForGeeks is a great place.'; // Calling replace() method let newstring = string.replace(/GeeksForGeeks/g, 'Gfg'); // Printing replaced string console.log(newstring); 

Sortida
Gfg is a CS portal.In Gfg we can learn multiple languages.geeksForGeeks is a great place. 

Explicació:

  • Una cadena de diverses línies string> s'assigna amb múltiples ocurrències de la subcadena 'GeeksForGeeks'> .
  • El replace()> s'utilitza el mètode string> , utilitzant una expressió regular amb la bandera global ( /g> ) per fer coincidir totes les ocurrències de la subcadena 'GeeksForGeeks'> distingir entre majúscules i minúscules i substituir-los per 'Gfg'> .
  • Totes les ocurrències de 'GeeksForGeeks'> a la cadena es substitueixen per 'Gfg'> .
  • La cadena modificada s'assigna a la variable newstring> .
  • La cadena substituïda newstring> està connectat a la consola.

Cadena JavaScript replace() Mètode - Cas d'ús:

1. JavaScript String replaceAll() Mètode

El Javascript substituirAll() El mètode retorna una cadena nova després de substituir totes les coincidències d'una cadena per una cadena especificada o una expressió regular. La cadena original es deixa sense canvis després d'aquesta operació.

2. Com substituir totes les ocurrències d'una cadena a JavaScript?

Per substituir totes les ocurrències d'una cadena a JavaScript, podeu utilitzar el mètode replace() amb una expressió regular i la bandera g.

Tenim una llista completa de mètodes de cadena de Javascript, per comprovar-los, si us plau, seguiu-ho Javascript String Referència completa article.

Navegadors compatibles:

  • Google Chrome 1 i superior
  • Edge 12 i superior
  • Firefox 1 i superior
  • Internet Explorer 5.5 i superior
  • Opera 4 i superior
  • Safari 1 i superior