Método substring en JavaScript

Por Julio Giampiere Grados Caballero
Método substring en JavaScript

Aprende a manejar el método substring () que extrae caracteres de una cadena, entre dos índices especificados.

En el presente tutorial conoceremos al método substring en JavaScript, el cual te permite extraer caracteres de una cadena, entre dos índices especificados, conozcamos más sobre este método.

Substring

El método substring() extrae los caracteres de una cadena, entre dos índices especificados, y devuelve una nueva sub-cadena. Entonces si tenemos:

var dato = 'Hola comunidad Devcode';

La forma de uso del método substring, sería:

dato.substring( inicio, fin );

Donde:

  • Inicio, es un valor obligatorio, que debe ser un número entero, entre 0 y la longitud de la cadena.
  • Fin, valor no obligatorio, y de igual manera, es un número entero entre 0 y la longitud de la cadena.

Excepciones:

  • Si inicio, es un número menor a 0, será considerado como 0, veamos este ejemplo:

dato.substring(-1,2);
"Ho"

  • De darse el caso, que inicio sea igual a fin, entonces nos devolverá una cadena vacia, veamos:

dato.substring(2,2);
""

  • Al omitirse el parámetro fin, entonces se tomará como índice de parada longitud de la cadena.

dato.substring(5);
"comunidad Devcode"

  • Si el parámetro inicio es mayor a fin, el método invertirá ambos valores.

dato.substring(15, 5);
"comunidad "

  • Si ambos parámetros son mayores a la longitud de la cadena, nos devolverá una cadena vacía.

dato.substring(23, 24);
""

  • Cuando el parámetro inicio, es mayor que la longitud de la cadena, y el segundo es un valor entre el rango establecido, el método invertirá ambos valores y asignará al parámetro que tiene un valor pasado del rango, a el valor de la longitud de la cadena. 

dato.substring(24, 5);
"comunidad Devcode"

  • Si el parámetro fin es mayor a la longitud de la cadena, entonces se le asignará como parada el final de la cadena.

dato.substring(5, 30);
"comunidad Devcode"

Nota: El método substring() no modifica la cadena original.

Ejemplo:  Algunas formas de uso de este método sería: 

var dato = 'Hola comunidad Devcode';
for (var i = 0 ; i < dato.length ; i++){
console.log( dato.substring(i, (dato.length)) );
}
Hola comunidad Devcode
ola comunidad Devcode
la comunidad Devcode
a comunidad Devcode
 comunidad Devcode
comunidad Devcode
omunidad Devcode
munidad Devcode
unidad Devcode
nidad Devcode
idad Devcode
dad Devcode
ad Devcode
d Devcode
Devcode
evcode
vcode
code
ode
de
e

En este tutorial hemos aprendido el manejo del método subtring(), así como las consideraciones que debemos tener en cuenta. También puedes revisar el videotutorial de nuestro canal de Youtube:


Si deseas empezar a aprender JavaScript, te invitamos a inscribirte a nuestro curso Fundamentos de JavaScript, en el cual te enseñaremos a utilizar este lenguaje desde cero con las actualizaciones que ECMAScript6 ha traído para su sintaxis. También puedes revisar todos nuestros cursos de desarrollo web y móvil en devcode.la/cursos  

¿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.