Métodos de cadena de JavaScript

En el capítulo anterior, aprendimos los fundamentos de las cadenas, ahora sigamos un paso más adelante y consideremos algunas operaciones útiles que se pueden realizar con las cadenas que tienen métodos y propiedades integrados.

Los valores originales (por ejemplo, "New Delhi") no pueden tener propiedades o métodos (porque no son objetos).

Pero en JavaScript, los métodos y propiedades también se pueden usar en valores originales, porque JavaScript considera los valores originales como objetos cuando ejecuta métodos y propiedades.

Buscar la longitud de la cadena

lengthLa propiedad devuelve la longitud de la cadena. Para la cadena vacía, la longitud es 0.

var str = 'Java Script';
str.length;//　return　11

Nota:El espacio también se considera un carácter:

Método concat()

concat()El método se utiliza para conectar dos o más cadenas.

var a = 'w3codebox';
var b = 'COM';
var c = a.concat(b);

Nota:Todas las métodos de cadena devuelven un nuevo valor. No modifican el valor original.

Convertir a mayúsculas o minúsculas

toUpperCase()El método devuelve el valor de la cadena invocada convertido a mayúsculas.

var　str1　= "oldtoolbag.com";
var　str2　=　str1.toUpperCase();

toLowerCase()El método devuelve el valor de la cadena invocada convertido a minúsculas.

var　str1　= "oldtoolbag.com";
var　str2　=　str1.toLowerCase();

Buscar subcadena en la cadena

indexOf()El método devuelve la posición (índice) de la primera aparición del valor especificado en la cadena.

var str = 'Air Pollution is introduction of chemicals to the atmosphere';
str.indexOf('Pollution');//　4

Nota:El índice del primer carácter es 0, el del segundo carácter es1, y así sucesivamente.

lastIndexOf()El método devuelve la posición (índice) de la última aparición del valor especificado en la cadena.

var str = 'Hello world, I repeat Hello world';
str.lastIndexOf('Hello');//　22

indexOf()es equivalente alastIndexOf()Retorna-1Si no se encuentra el valor:

var str = "oldtoolbag.com";
str.indexOf("fish");
str.lastIndexOf("beer");

indexOf()es equivalente alastIndexOf()Ambos aceptan el segundo parámetro como la posición de inicio de la búsqueda:

var str = 'HELLO WORLD HELLO';
str.indexOf('L',　6);

Buscar subcadena en la cadena

search()El método realiza una búsqueda para encontrar coincidencias entre la expresión regular y la cadena.

Si se encuentra una coincidencia, devolverá la posición de la primera coincidencia, si no se encuentra una coincidencia, devolverá-1:

var str = 'The question is to be, or not to be, that is to be.';
var pos = str.search('to be');

El siguiente ejemplo muestra el uso de expresiones regulares con el flag i (ignorar mayúsculas y minúsculas):

var str = 'The question is TO BE, or not to be, that is to be.';
var pos = str.search(/ser/i);

En la parte posterior de este tutorial, aprenderás más sobre las expresiones regulares.

Convertir la cadena en un array

split()El método divide la cadena en un array de subcadenas y devuelve el nuevo array.

Vamos a usarsplit()El método separa el array con el carácter de espacio representado por " ".

var str = 'can you help me?';
var arr = str.split("　");

Ahora estamos enarrSe ha creado un nuevo array en la variable, podemos usar el número de índice para acceder a cada elemento:

arr[0];　　　//　Air
arr[2];　　　//　es

En el siguiente ejemplo, utilizaremos "i" como separador:

var str = 'can you help me?';
var arr = str.split("i");

Si se utiliza una cadena vacía ("" ) como separador, la cadena se convertirá en un array de caracteres:

var str = 'can you help me?';
var arr = str.split(

Al dividir la cadena, puede determinar cuántos palabras hay en una oración.

Eliminar los espacios en blanco antes y después de la cadena

trim()El método elimina los espacios en blanco en los extremos de la cadena, pero no puede eliminar los espacios entre las cadenas, los espacios pueden ser tabuladores o espacios.

var greeting = "　　　Hello world!　　　";
greeting.trim();

Este método es para ejecutar la eliminación de espacios en blanco innecesarios, un método simple y común.

Reemplazar el valor de la cadena

replace()}El método devuelve una nueva cadena que tiene parte o toda la coincidencia del patrón y se reemplaza por el elemento de reemplazo.

El primer parámetro será el valor que se buscará, y el segundo parámetro será el valor que se reemplazará.

var　str1　The question is to be, or not to be, that is to be.
var　str2　=　str1.replace('to be', 'ZZZ');

Por defecto, el método replace() solo reemplaza el primer elemento coincidente.

var　str1　The question is to be, or not to be, that is to be.
var　str2　=　str1.replace(/ser/g, 'ZZZ');

var　str1　The question is TO BE, or not to be, that is to be.
var　str2　=　str1.replace(/ser/gi, 'ZZZ');

En la parte posterior de este tutorial, aprenderás más sobre las expresiones regulares.

Extraer una parte de la cadena

Hay tres métodos para extraer una parte de una cadena:

• slice(start, end)

• substring(start, end)

• substr(start, length)

método slice()

slice()El método extrae una parte de la cadena y la devuelve como una nueva cadena sin modificar la cadena original.

Este método tiene dos parámetros:índice de inicio (start)yíndice final (end)（no incluyeFinal).

Este ejemplo comienza desde el índice3hasta el índice9(10-1)Extraer una parte de la cadena:

var　str　=　'Hello　Javascript　oldtoolbag.com';
var ext = str.slice(3,　10);

Nota:El índice del primer carácter es 0, el del segundo carácter es1, y así sucesivamente.

Seleccione desde el final de la cadena utilizando índices negativos:

var　str　=　'Hello　Javascript　oldtoolbag.com';
var ext = str.slice(-8,　-3);

Si se omite el segundo parámetro, este método cortará el resto de la cadena:

var　str　=　'Hello　Javascript　oldtoolbag.com';
var ext = str.slice(3);

El siguiente ejemplo utiliza slice() para extraer únicamente el último carácter:

var　str　=　'Hello　Javascript　oldtoolbag.com';
var ext = str.slice(-1);

método substring()

substring()El método es similar aslice()método.

La diferencia radica ensubstring()No puede aceptar valores de índice negativos.

var　str1　can you help me?';
var　str2　=　str1.substring(4,　10);

Si se omite el segundo parámetro, entoncessubstring()El método extraerá el resto de la cadena:

var　str1　can you help me?';
var　str2　=　str1.substring(7);

método substr()

substr()El método es similar aslice()método.

La diferencia radica en que el segundo parámetro especifica la parte a extraer:longitud.

Los siguientes ejemplos se utilizan parasubstr()desde el índice4Se extraerán caracteres, de longitud18:

var　str1　can you help me?';
var　str2　=　str1.substr(4,　18);

Si se omite el segundo parámetro, entoncessubstr()El método extraerá el resto de la cadena:

var　str1　can you help me?';
var　str2　=　str1.substr(7);

Para extraer caracteres del final de una cadena, utilice valores de índice negativos:

var　str1　Hola, JavaScript3codebox.com';
var　str2　=　str1.substr(-6,　3);　　　//　tor

Acceder a caracteres de cadena

Hay tres métodos para acceder a los caracteres de una cadena：

• charAt(index)

• charCodeAt(index)

• Notación de corchetes[]

Método charAt()

charAt()El método devuelve el carácter en la posición de índice especificada de la cadena。

var　str　=　'Hello　Javascript　oldtoolbag.com';
str.charAt(1);//　返回　a

El siguiente ejemplo devuelve el último carácter de la cadena：

var　str　=　'Hello　Javascript　oldtoolbag.com';
str.charAt(str.length-1);

Método charCodeAt()

charCodeAt()El método devuelve un entero entre65535El entero entre-16Unidad de código.

var　str　=　'Hello　Javascript　oldtoolbag.com';
str.charCodeAt(1);//　Retorna　97

Notación de corchetes[]

Puedes usar la notación de corchetes [] para recuperar cualquier carácter de la cadena[].

Dentro de los corchetes, incluye el número de índice del carácter que deseas recuperar.

var　str　=　'Hello　Javascript　oldtoolbag.com';
str[0];//　返回　P
str[1];//　返回　a

Referencia completa de la cadena

Para obtener una referencia completa de las propiedades y métodos, visite nuestraReferencia de String JavaScript.

La parte de referencia contiene todas las descripciones y ejemplos de las propiedades y métodos de cadena.