Métodos de caracteres en JavaScript

Por Julio Giampiere Grados Caballero
Métodos de caracteres en JavaScript

En este tutorial aprenderemos a usar los métodos de caracteres para las cadenas en JavaScript, conociendo su forma de uso y de qué manera podemos aplicarlos a nuestros string.

JavaScript uno de los lenguajes más populares en la web, que entre sus tantas funcionales te permite a través de los tipo de dato string trabajar con una serie métodos para las cadenas, entre estos métodos podemos usar charAt() y charCodeAt(), que los conoceremos a continuación.

Dos métodos específicos: charAt() y charCodeAt(). Estos métodos aceptan un solo argumento, que es una posición. Y te permiten conocer un carácter que compone a la cadena principal.

El método charAt(índice). Simplemente devuelve el carácter en la posición dada. El índice es un valor entero entre 0 y 1 menos que la longitud de la cadena. Por ejemplo:

var cadena = "Hola Devcode";
alert(cadena.charAt(0)); / / "H"

El carácter en la posición 0 de la cadena es "H", por lo que llamar charAt(0) devuelve "H".

alert(cadena.charAt(4)); / / " "

El carácter en la posición 4 de la cadena es " ", por lo que llamar charAt(1) devuelve un espacio.

alert(cadena.charAt(6)); / / "e"

El carácter en la posición 6 de la cadena es "e", por lo que llamar charAt(6) devuelve "e".

alert(cadena.charAt(20)); / / ""

El carácter en la posición 20 de la cadena no existe, por lo que llamar charAt(20) devuelve vacío.

alert(cadena.charAt(-1)); / / ""

El carácter en la posición -1 en la cadena no es aceptado, por lo que llamar charAt(-1) devuelve vacío.

alert(cadena.charAt(1.3)); / / ""

El carácter en la posición 1.3 no existe en la cadena pero JavaScript hace la aproximación de acuerdo al decimal, por lo que llamar charAt(1.3) devuelve "o".

Método charCodeAt(índice). Si desea el código de caracteres o ascii, del caracter obtenido de la posición indicada en el índice, usaremos este método. Por ejemplo:

var cadena = "Hola Devcode";
alert(cadena.charCodeAt(0)); / / "72"

En este ejemplo se da salida a "72", que es el código de carácter para la mayúscula "H".

alert(cadena.charCodeAt(4)); / / "32"

En este ejemplo se da salida a "32", que es el código de carácter para la el espacio en blanco.

alert(cadena.charCodeAt(6)); / / "101"

En este ejemplo se da salida a "101", que es el código de carácter para la minúscula "e”.

alert(cadena.charCodeAt(20)); / / "NaN"

En este ejemplo se da salida a "NaN", por lo que el carácter de acuerdo a la posición no pertenece a la cadena.

alert(cadena.charCodeAt(-1)); / / "NaN"

En este ejemplo se da salida a "NaN", por lo que el carácter de acuerdo a la posición no pertenece a la cadena.

alert(cadena.charCodeAt(1.3)); / / "111"

En este ejemplo se da salida a "111", para este caso la aproximación se hace de acuerdo al decimal, al ser 1.3 = 1, representaria a la posición 1 de la letra o.

Hay otra forma de acceder a un carácter individual en algunos navegadores. Firefox, Opera y Safari nos permiten utilizar la notación de soporte, con un índice numérico para acceder a un carácter específico en la cadena, como en este ejemplo:

var cade = "Hola Devcode"; 
alert (stringValor[1]); / / "o"

Recuerda que los caracteres de una cadena se indexan de izquierda a derecha, es decir posiciones de 0 a la longitud menos 1 . El índice del primer carácter es 0, y el índice del último carácter en una cadena llamada nombreCadena es nombreCadena.length - 1. Si el índice que usted proporciona está fuera del rango, JavaScript devuelve una cadena vacía.

Bien así conocimos los métodos de caracteres en los string, recuerda que puedes aprender más sobre estos métodos y otros en el Curso de Fundamentos en JavaScript, nos leemos en un próximo tutorial.

¿Te gustó el tutorial?

Ayúdanos a llegar a más personas

Julio Giampiere Grados Caballero

Julio Giampiere Grados Caballero

CTO y Cofundador de Devcode.la. Full stack JavaScript. React | jQuery | Vanilla | Backbone | Node | MongoDB.