Desestructuración, más a fondo en JavaScript

Valores por defecto, renombres, anidación y desarmar parámetros de función.

const response = {
  data: { runs: [{ lang: "go", tpm: 104 }] },
  meta: { page: 1 },
};

const { data: { runs: [first = {}] }, meta: { page, size = 20 } } = response;
console.log(first.lang, page, size);

function summarize({ lang, tpm = 0, stars: earned = 1 } = {}) {
  return `${lang ?? "unknown"} ${tpm} ${earned}`;
}
console.log(summarize(first), summarize());

const [head, ...rest] = [1, 2, 3];
const { a, ...others } = { a: 1, b: 2, c: 3 };
console.log(head, rest, a, others);

Cómo funciona

Un valor por defecto aplica cuando el valor es undefined, no null.
{ a: renamed } vincula bajo otro nombre.
Desestructurar en la lista de parámetros documenta la forma.

Palabras clave y builtins usados aquí

const
function
return

El intento, en números

Líneas: 16
Caracteres a escribir: 478
Tokens: 175
Ritmo de tres estrellas: 90 tpm

Al ritmo de tres estrellas de 90 tokens por minuto, este intento toma unos 117 segundos.

Escribe este fragmento

Paso 3 de 3 en Funciones; paso 16 de 43 en Fundamentos del lenguaje.

← Anterior Siguiente →