Tutorial de JavaScript - cadenas de caracteres

Jinku Hu 12 octubre 2023
  1. Concatenación de cadenas de JavaScript
  2. Método de cadenas de caracteres
Tutorial de JavaScript - cadenas de caracteres

Una cadena es una colección de texto y tenemos que rodear nuestra cadena con comillas.

Concatenación de cadenas de JavaScript

Podríamos unir dos cadenas de caracteres con el operador +.

var exampleString = 'Hello ' +
    'World';  // "Hello World"

La concatenación de cadenas se podría hacer también entre cadenas y números.

var x = 'My age is ' + 27;  // "My age is 27".

Método de cadenas de caracteres

Las cadenas son objetos como cualquier otro objeto en JavaScript. Tienen métodos y propiedades.

Propiedad de JavaScript String length

La longitud del string es el número de caracteres de ese string.

var stringExample = 'String Example';

console.log(stringExample.length)
    // It will return 14

La propiedad string.length devuelve la longitud de la cadena.

Método de JavaScript para mayúsculas/minúsculas de la cadena

Las funciones string.toUpperCase() y string.toLowerCase() convertirán cada carácter de la cadena a mayúsculas o minúsculas.

> var stringExample = 'String Example';
> console.log(stringExample.toUpperCase())
STRING EXAMPLE > console.log(stringExample.toLowerCase())
string example

Método indexOf de JavaScript

El método indexOf encontrará el índice de cualquier letra o frase en particular dentro de esta cadena.

> var stringExample = 'String Example Index';
> console.log(stringExample.lastIndexOf('Example'))
7 > console.log(stringExample.lastIndexOf('example')) - 1

El método indexOf devuelve el primer índice en el que encuentra la subcadena dada en la cadena.

Si no puede encontrar la frase o la letra dentro de la cadena, devolverá -1, lo que significa que la subcadena no existe en esta cadena.

Método de comparación de cadenas de JavaScript

> var stringExample1 = 'ABC';
> var stringExample2 = 'abc';
> console.log(stringExample1 == stringExample2)
false > var stringExample3 = 'ABC';
> console.log(stringExample1 == stringExample3)
true

El operador === compara si dos cadenas son iguales en la forma en que se distingue entre mayúsculas y minúsculas.

El operador < compara si el primer carácter de la primera cadena está antes del primer carácter de la segunda cadena del alfabeto.

> var stringExample1 = 'CDE';
> var stringExample2 = 'dcd';
> console.log(stringExample1 < stringExample2)
true > var stringExample2 = 'Dcd';
> console.log(stringExample1 < stringExample2)
true > var stringExample2 = 'BCD';
> console.log(stringExample1 < stringExample2)
false

El operador < no distingue entre mayúsculas y minúsculas, por lo tanto, "CDE" < "DEF" y también "CDE" < "def".

A diferencia de <, el operador > comprueba si el primer carácter de la primera cadena está después del primer carácter de la segunda cadena del alfabeto.

> var stringExample1 = 'CDE';
> var stringExample2 = 'BCD';
> console.log(stringExample1 > stringExample2)
true > var stringExample2 = 'bcd';
> console.log(stringExample1 > stringExample2)
true > var stringExample2 = 'DEF';
> console.log(stringExample1 > stringExample2)
false
Autor: Jinku Hu
Jinku Hu avatar Jinku Hu avatar

Founder of DelftStack.com. Jinku has worked in the robotics and automotive industries for over 8 years. He sharpened his coding skills when he needed to do the automatic testing, data collection from remote servers and report creation from the endurance test. He is from an electrical/electronics engineering background but has expanded his interest to embedded electronics, embedded programming and front-/back-end programming.

LinkedIn Facebook