Regístrate para acceder a más de 15 cursos gratuitos de programación con un simulador

Símbolos Fundamentos de JavaScript

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ácter T i r i o n
Índice 0 1 2 3 4 5


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.

Para acceder completo a curso necesitas un plan básico

El plan básico te dará acceso completo a todos los cursos, ejercicios y lecciones de Códica, proyectos y acceso de por vida a la teoría de las lecciones completadas. La suscripción se puede cancelar en cualquier momento.

Obtener acceso
130
cursos
1000
ejercicios
2000+
horas de teoría
3200
test

Obtén acceso

Cursos de programación para principiantes y desarrolladores experimentados. Comienza tu aprendizaje de forma gratuita

  • 130 cursos, 2000+ horas de teoría
  • 1000 ejercicios prácticos en el navegador
  • 360 000 estudiantes
Al enviar el formulario, aceptas el «Política de privacidad» y los términos de la «Oferta», y también aceptas los «Términos y condiciones de uso»

Nuestros graduados trabajan en empresas como:

Bookmate
Health Samurai
Dualboot
ABBYY