Líneas

En JavaScript, cualquier dato de texto es una cadena. Sin embargo, no olvide que los números también se pueden escribir en una cadena. De todos los tipos de datos, probablemente usará más cadenas. Analicemos todas las opciones para crear una nueva línea.

Video

Comillas simples o dobles

Para crear una cadena , se utilizan comillas "simples" o "dobles".

let single = 'Hello World'
let double = "Hello World" // prettier-ignore

Puedes usar ambos, lo más importante, si comienzas una sola línea, aunque puede haber dobles dentro, también debe completarse con una sola. Y, en consecuencia, con comillas dobles.

let double = "Don't you think so, d'Artagnan?"
let single = '"I think so, indeed!" - cried he.'

barra invertida

Si se usan las mismas comillas dentro de la cadena que afuera, entonces deben escaparse con una barra invertida, el llamado "carácter de escape". Se añade ➕ antes de las comillas \' en la cadena para que no indique el final de la línea.

Editor en vivo

// prettier-ignore function learnJavaScript() { let backticks = 'It\'s not complicated' return backticks }

// prettier-ignore
function learnJavaScript() {
  let backticks = 'It\'s not complicated'
  return backticks
}

Resultado

Loading...

Tenga en cuenta que la barra invertida \ solo sirve para que el intérprete lea correctamente la cadena, pero no escribe en la cadena después de haberla leído. Cuando una cadena se guarda en la RAM, no se le agrega ningún carácter \. Esto se puede ver claramente en la salida.

comillas back

Al escribir una cadena, también puede prescindir de una barra invertida si usa comillas `back`.

Las comillas simples y dobles funcionan esencialmente de la misma manera, y si usa comillas inversas, podemos insertar expresiones JavaScript arbitrarias en dicha cadena envolviéndolas en un carácter de dólar con llaves ${…} :

Editor en vivo

function learnJavaScript() { let name = 'Marcos' return `Hola, ${name}!` }

function learnJavaScript() {
  let name = 'Marcos'
  return `Hola, ${name}!`
}

Resultado

Loading...

La interpolación de cadenas es una forma conveniente de sustituir valores de variables en cadenas. La cadena de plantilla es lo mismo que la interpolación. La cadena de plantilla en ES6 reemplazó a la cadena normal. La interpolación solo funciona con acentos graves. Veamos en la práctica qué reglas existen al usar interpolaciones.

Otra ventaja de los acentos graves es que pueden abarcar más de una línea.

Editor en vivo

function learnJavaScript() { let guestList = `Guests: * John * Pete * Mary ` return guestList }

function learnJavaScript() {
  let guestList = `Guests:
    * John
    * Pete
    * Mary
   `
  return guestList
}

Resultado

Loading...

También se pueden crear cadenas de varias líneas usando comillas simples y dobles, usando el llamado "carácter de nueva línea", que se escribe como \n. Todos los caracteres especiales en JavaScript comienzan con una barra invertida \ Cierto, podemos verificar esto en la consola del navegador (LIVE EDITOR no se muestra correctamente).

let guestList = 'Guests:\n * John\n * Pete\n * Mary'

guestList // lista de invitados de varias líneas

Las cadenas son inmutables

El contenido de una cadena en JavaScript no se puede cambiar. No puede tomar el símbolo en el medio y reemplazarlo. Tan pronto como se crea la línea, es así para siempre. Puede crear una nueva cadena y escribirla en la misma variable en lugar de la anterior.

Editor en vivo

function learnJavaScript() { let str = 'Hi' str = 'P' + str[1] // reemplazar cadena return str }

function learnJavaScript() {
  let str = 'Hi'
  str = 'P' + str[1] // reemplazar cadena
  return str
}

Resultado

Loading...

Métodos de cadenas populares

Longitud de la línea

La propiedad longitud devuelve el número de valores de código en la cadena.

Editor en vivo

function learnJavaScript() { let str = 'My\n'.length return str }

function learnJavaScript() {
  let str = 'My\n'.length
  return str
}

Resultado

Loading...

Tenga en cuenta que \n es un carácter especial, por lo que todo es correcto aquí: la longitud de la cadena es 3.

Acceso de personajes

Hay dos 2️⃣ formas de llegar a un carácter específico en una cadena. El primer método usa el método charAt(). El primer carácter 1️⃣ ocupa la posición cero:

Editor en vivo

function learnJavaScript() { let str = 'cat'.charAt(2) return str }

function learnJavaScript() {
  let str = 'cat'.charAt(2)
  return str
}

Resultado

Loading...

También puede obtener un carácter usando corchetes:

Editor en vivo

function learnJavaScript() { let str = 'cat'[2] return str }

function learnJavaScript() {
  let str = 'cat'[2]
  return str
}

Resultado

Loading...

Los corchetes son la forma moderna de obtener un carácter, mientras que charAt existe principalmente por razones históricas.

Cambiando el caso de los caracteres

Para convertir las letras de una cadena a mayúsculas, utilice el método toUpperCase().

Editor en vivo

function learnJavaScript() { let str = 'Interface'.toUpperCase() return str }

function learnJavaScript() {
  let str = 'Interface'.toUpperCase()
  return str
}

Resultado

Loading...

a minúsculas toLowerCase()

Editor en vivo

function learnJavaScript() { let str = 'Interface'.toLowerCase() return str }

function learnJavaScript() {
  let str = 'Interface'.toLowerCase()
  return str
}

Resultado

Loading...

Concatenación de cadenas

Para construir una cadena a partir de cadenas existentes, use el signo más + para concatenar cadenas.

let name = 'Mary '
let activity = 'drink tea'
let bio = 'Our guest ' + name + activity + '.'
bio // Our guest Mary drink tea.

Así que nos familiarizamos con el tipo de datos más popular en JavaScript y los métodos más utilizados para ello.

Reaсt Native

Veamos un ejemplo práctico de cómo podemos usar cadenas al crear una aplicación móvil. Aquí creamos una constante str y le asignamos el valor Hello world. Permítame recordarle que para insertar expresiones de JavaScript en la sintaxis JSX, debe usar llaves.

¿Problemas?

Escribe en Discord o Telegram chat y suscríbete a nuestras noticias

Preguntas:

¿Cómo JavaScript no escribe cadenas ___?

1. entre comillas simples
2. en barras invertidas
3. entre comillas posteriores

¿Por qué no se usa una barra invertida en una cadena?

1. Para blindaje
2. Para escribir caracteres especiales
3. Para terminar una línea

Seleccione "carácter de nueva línea"

1. \n
2. \
3. \*

¿Qué letra devolverá 'sport'[3]?

1. o
2. r
3. No devolverá nada

¿Cómo cambiar un carácter en una cadena de JavaScript?

1. Cambiar línea
2. Ve al símbolo y reemplázalo
3. Cree una nueva cadena y escríbala en la misma variable en lugar de la anterior

¿Qué método se utiliza para escribir en mayúsculas?

1. toUpperCase()
2. toLowerCase()
3. toLowercase()

¿Qué carácter se usa para concatenar cadenas?

1. =
2. +
3. +=

Cada vez que tenga una apertura ____, siempre necesita tener un cierre ____.

1. punto
2. cita
3. cambiando

Una línea consta de uno o más ___ separados.

1. personajes
2. argumentos
3. Opciones

Para comprender cuánto ha aprendido esta lección, realice una prueba en la aplicación móvil de nuestra escuela sobre este tema o en nuestro bot de Telegram.

Enlaces:

1. MDN web docs
2. Código para adolescentes: la gran guía de programación para principiantes Volumen 1: Javascript - Jeremy Moritz
3. JavaScript.ru

Contributors ✨

Thanks goes to these wonderful people (emoji key):

Alena Yanbukhtina

Dmitriy Vasilev 💵

Resoner2005 🐛 🎨 🖋