Revelando los secretos de las llaves en declaraciones de variables

La sintaxis var {... } = ..., que se encuentra a menudo en JavaScript Los documentos SDK complementarios y Chrome Javascript pueden parecer desconcertantes al principio. Sin embargo, representa una característica poderosa conocida como asignación de desestructuración.

La asignación de desestructuración permite la extracción eficiente de valores de objetos y matrices, asignándolos a variables recién declaradas usando sintaxis literal de objeto y matriz. Considere el siguiente ejemplo:

var ascii = {
    a: 97,
    b: 98,
    c: 99
};

var {a, b, c} = ascii;

Este código extrae efectivamente propiedades específicas (a, b, c) del objeto ascii y crea variables individuales para cada propiedad. Este enfoque simplifica el código, eliminando la necesidad de asignaciones repetitivas como:

var a = ascii.a;
var b = ascii.b;
var c = ascii.c;

De manera similar, puede utilizar la asignación de desestructuración para matrices, como se ilustra a continuación:

var ascii = [97, 98, 99];

var [a, b, c] = ascii;

Este código es equivalente al siguiente:

var a = ascii[0];
var b = ascii[1];
var c = ascii[2];

Además, la asignación de desestructuración permite cambiar el nombre de las propiedades durante la extracción. Por ejemplo:

var ascii = {
    a: 97,
    b: 98,
    c: 99
};

var {a: A, b: B, c: C} = ascii;

Este código crea variables A, B y C con valores correspondientes a las propiedades a, b y c en el objeto ascii.