Fundamentos de JavaScript

Teoría: Símbolos

Cuando trabajas con cadenas de texto en JavaScript, a menudo necesitas obtener solo una letra o símbolo de una palabra o frase. Esto se hace usando índices, que indican la posición de cada carácter en la cadena.

📩 M. Sánchez en lugar de María Sánchez para mostrar solo la inicial del nombre en correos, perfiles o formularios.

Aprender a acceder a letras por su posición te abre muchas posibilidades prácticas.

Index

Cómo obtener un carácter de una cadena

Algo importante que debes saber es que en JavaScript:

  • Los índices comienzan desde 0. Así que el primer carácter de una cadena está en la posición 0.
  • El índice del último carácter es siempre la longitud de la cadena menos uno.
const firstName = 'Tirion'; // => 6 letras
console.log(firstName[0]); // => T
console.log(firstName[1]); // => i
console.log(firstName[5]); // => n

¿Por qué 5 nos da "n"? Porque la palabra "Tirion" tiene 6 letras, y su último índice es 5:

CarácterTirion
Índice012345

En JavaScript, podemos extraer un solo carácter de un texto usando corchetes [] con un número dentro. Mira este ejemplo:

const firstName = 'Tirion';
console.log(firstName[0]); // => T

Aquí, firstName[0] nos da la primera letra de "Tirion", que es "T".

El número dentro de los corchetes es lo que llamamos índice. Indica la posición del carácter dentro de la cadena.

¿Qué mostrará el siguiente código? Piénsalo antes de ver la respuesta.

const magic = '\nArya';
console.log(magic[1]); // => ?
Respuesta El primer carácter (magic[0]) es \n (un salto de línea). Por lo tanto, magic[1] será A.

Usando una variable como índice

No siempre tenemos que escribir el índice directamente. También podemos guardarlo en una variable:

const firstName = 'Tirion';
const index = 0;

console.log(firstName[index]); // => T

Esto nos sirve cuando queremos que el código se adapte a diferentes situaciones. Por ejemplo, si el número del índice no lo sabemos desde el inicio, sino que lo calculamos mientras se ejecuta el programa, como con un número aleatorio o usando una función.

¿Qué pasa si usamos un índice incorrecto?

Podemos intentar acceder a índices fuera del rango de la palabra:

const firstName = 'Tirion';
console.log(firstName[10]); // => undefined

JavaScript no mostrará un error, pero nos devolverá undefined, indicando que ese índice no existe.


Resumen

  • Podemos obtener un carácter de una cadena usando corchetes [] con su índice.
  • Los índices siempre comienzan en 0.
  • Podemos usar un número o una variable como índice.
  • El último índice es la longitud de la cadena menos 1.
  • Si intentamos acceder a un índice inexistente, obtenemos undefined.