Obtener el primer carácter de una cadena en JavaScript

  1. Obtenga el primer carácter de una cadena usando slice() en JavaScript
  2. Obtenga el primer carácter de una cadena usando charAt() en JavaScript
  3. Obtenga el primer carácter de una cadena usando substring() en JavaScript
  4. Obtenga el primer carácter de una cadena usando substr() en JavaScript

Cuando se trata de cadenas, algunos métodos útiles nos ayudan a trabajar y manipular las estructuras de datos de las cadenas en JavaScript. Este artículo lo guiará en el uso de métodos JavaScript integrados para obtener el primer carácter de una cadena.

Cuatro métodos, slice, charAt, substring y substr, están disponibles en JavaScript, que devolverán una nueva cadena sin mutar la cadena original.

Obtenga el primer carácter de una cadena usando slice() en JavaScript

El método slice() es un método incorporado proporcionado por JavaScript.

Este método corta la cuerda en dos lugares. Este corte ocurre tomando dos entradas, el índice inicial y final.

Y en base a eso, devolverá la parte de la cadena entre índices. Si solo se proporciona el índice inicial, volverá al último carácter.

Sintaxis:

slice(beginIndex)
slice(beginIndex, endIndex)

Cualquier carácter presente dentro del índice begin y end (incluido el carácter inicial y la detención de un carácter antes del final) se insertará en la nueva cadena. El índice final es un parámetro opcional.

Para obtener más información, lea la documentación del método slice().

const inputString = 'Welcome to JavaScript tutorial';
const outputString1 = inputString.slice(0, 1);
const outputString2 = inputString.slice(4, -2);
console.log(outputString1);
console.log(outputString2);

Si llamamos slice(1, 8), esto copiará el carácter W de la cadena original, inputString en outputString1. La parte fascinante aquí es que cuando da un índice negativo, el parámetro de entrada se considerará str.length + index.

El código anterior le dará la siguiente salida.

Producción:

"W"
"ome to JavaScript tutori"

Obtenga el primer carácter de una cadena usando charAt() en JavaScript

Este método obtiene la única unidad de código UTF-16 presente en el índice especificado. Este método no muta ni modifica la cadena original.

Sintaxis:

charAt(index)

Cualquier carácter presente en el índice se insertará en la nueva cadena. Si no se proporciona un índice, se considerará 0 de forma predeterminada.

Para obtener más información, lea la documentación del método charAt().

const inputString = 'Welcome to JavaScript tutorial';
const outputString1 = inputString.charAt(0);
const outputString2 = inputString.charAt(11);
console.log(outputString1);
console.log(outputString2);

Si llamamos charAt(0), esto copiará el carácter W de la cadena original, inputString en outputString1. El código anterior le dará la siguiente salida.

Producción:

"W "
"J"

Obtenga el primer carácter de una cadena usando substring() en JavaScript

El método substring() es un método incorporado proporcionado por JavaScript.

Este método corta la cuerda en dos lugares. Este corte ocurre tomando dos entradas, el índice inicial y el índice final.

Y en base a eso, devolverá la parte de la cadena entre índices. Si solo se proporciona el índice de inicio, devolverá el final de la cadena.

Sintaxis:

substring(indexStart);
substring(indexStart, indexEnd);

Cualquier carácter presente dentro de los índices start y end (incluyendo el carácter inicial y deteniéndose un carácter antes del final) será insertado en la nueva cadena. El índice final es opcional.

Para obtener más información, lea la documentación del método substring().

La única diferencia entre substring() y slice() está en los argumentos.

Si indexStart es mayor que indexEnd, el método substring intercambia dos argumentos. Lo que significa que todavía se devuelve una cadena.

El método slice, en este caso, devuelve una cadena vacía. El método de subcadena trata ambos argumentos como 0 si alguno de los argumentos es negativo o NaN.

slice también trata los argumentos NaN como 0. Pero cuando se pasan valores negativos, cuenta hacia atrás desde el final de la cadena para encontrar los índices.

const inputString = 'Hello World!';
const outputString = inputString.substring(0, 1);
console.log(inputString);
console.log(outputString);

Si llamamos substring(0, 1), esto copiará el carácter H de la cadena original, inputString en outputString. Al final, imprimiremos ambas cadenas usando el método console.log().

El código anterior le dará la siguiente salida.

Producción:

"Hello World!"
"H"

Obtenga el primer carácter de una cadena usando substr() en JavaScript

El método substr() es un método incorporado proporcionado por JavaScript.

Este método corta la cuerda en dos lugares. Este corte ocurre tomando dos entradas, el índice de inicio y un número total de caracteres después de eso.

Y en base a eso, devolverá la parte de la cadena entre el índice y el número total. Si solo se proporciona el índice de inicio, devolverá el final de la cadena.

Sintaxis:

substr(start);
substr(start, length);

Cualquier carácter presente dentro del índice start y length se insertará en la nueva cadena. La longitud es un parámetro opcional aquí.

Para obtener más información, lea la documentación del método substr().

La única diferencia entre substring() y substr() está en los argumentos.

Los métodos substring() representan los índices inicial y final como argumentos. Por el contrario, substr() representa el índice inicial y el número de caracteres en la cadena devuelta como argumento.

const inputString = 'Hello World!';
const outputString1 = inputString.substr(0, 1);
const outputString2 = inputString.substr(1, 0);
console.log(inputString);
console.log(outputString1);
console.log(outputString2);

Si llamamos substr(0, 1), esto copiará el carácter H de la cadena original, inputString en outputString1. Lo fascinante aquí es que cambiar el parámetro de entrada no copiará ningún carácter ya que la longitud es 0.

El código anterior le dará la siguiente salida.

Producción:

"Hello World!"
"H"
""

Artículo relacionado - JavaScript String

  • Obtener el último carácter de una cadena en JavaScript
  • Convertir una cadena en una fecha en JavaScript
  • Convertir array en cadena en JavaScript