javascript

Añadir elemento a primera posición de string con JavaScript

Introducción

Este es un ejercicio sencillo. Se trata de agregar una cadena, subcadena o carácter al principio de otra cadena en el lenguaje de programación JavaScript.

Por ejemplo, si tenemos la string “ola” y le agregamos al inicio la “h” quedaría al final como “hola”.

Veamos cómo hacerlo en JavaScript.

Lecturas recomendadas

Let en JavaScript

Más tutoriales de JS

Agregar elemento a primera posición en cadena de JS

No es nada complicado, son simples concatenaciones de cadenas en JS. Declaremos, por ejemplo, esta variable:

<span class="crayon-e">let </span><span class="crayon-e ">cadena</span> <span class="crayon-o">=</span> <span class="crayon-s">"ola"</span><span class="crayon-sy">;</span>

Para agregarle la H al inicio, concatenamos H con la cadena. Así:

"H" + cadena;

Y el resultado se lo asignamos a cadena. De modo que queda de esta manera:

cadena = "H" + cadena;

Para probar podemos hacer esto:

let cadena = "ola";
console.log("Antes: ", cadena);
cadena = "H" + cadena;
console.log("Después: ", cadena);

De esa forma agregamos un carácter a la cadena.

Agregar subcadena al inicio de otra cadena en JavaScript

Para agregar más de un carácter hacemos lo mismo. Veamos este ejemplo:

/**
 * Agregar subcadena al inicio de otra cadena
 * @author parzibyte
 * Visita: parzibyte.me/blog
*/let cadena = "mundo";
console.log("Antes: ", cadena);
cadena = "Hola " + cadena;
console.log("Después: ", cadena);

Ahí agregamos una cadena al inicio de otra cadena. Y así puede ser infinitamente con otras cadenas, subcadenas, letras o caracteres.

Con ese ejercicio rápido terminamos. Cabe destacar que funciona del lado del cliente como del lado del servidor usando Node.js.

Estoy aquí para ayudarte 🤝💻


Estoy aquí para ayudarte en todo lo que necesites. Si requieres alguna modificación en lo presentado en este post, deseas asistencia con tu tarea, proyecto o precisas desarrollar un software a medida, no dudes en contactarme. Estoy comprometido a brindarte el apoyo necesario para que logres tus objetivos. Mi correo es parzibyte(arroba)gmail.com, estoy como@parzibyte en Telegram o en mi página de contacto

No te pierdas ninguno de mis posts 🚀🔔

Suscríbete a mi canal de Telegram para recibir una notificación cuando escriba un nuevo tutorial de programación.
parzibyte

Programador freelancer listo para trabajar contigo. Aplicaciones web, móviles y de escritorio. PHP, Java, Go, Python, JavaScript, Kotlin y más :) https://parzibyte.me/blog/software-creado-por-parzibyte/

Entradas recientes

Creador de credenciales web – Aplicación gratuita

Hoy te voy a presentar un creador de credenciales que acabo de programar y que…

2 días hace

Desplegar PWA creada con Vue 3, Vite y SQLite3 en Apache

Ya te enseñé cómo convertir una aplicación web de Vue 3 en una PWA. Al…

1 semana hace

Arquitectura para wasm con Go, Vue 3, Pinia y Vite

En este artículo voy a documentar la arquitectura que yo utilizo al trabajar con WebAssembly…

1 semana hace

Vue 3 y Vite: crear PWA (Progressive Web App)

En un artículo anterior te enseñé a crear un PWA. Al final, cualquier aplicación que…

1 semana hace

Errores de Comlink y algunas soluciones

Al usar Comlink para trabajar con los workers usando JavaScript me han aparecido algunos errores…

1 semana hace

Esperar promesa para inicializar Store de Pinia con Vue 3

En este artículo te voy a enseñar cómo usar un "top level await" esperando a…

1 semana hace

Esta web usa cookies.