Asignación de desestructuración: descubrir el significado de los corchetes en el lado izquierdo de la asignación de variables

En JavaScript, encontrar corchetes en la El lado izquierdo de una asignación de variable puede parecer desconcertante. Para descifrar las implicaciones de esta sintaxis, nos aventuramos en el ámbito de la asignación de desestructuración.

Sintaxis y operación

Asignación de desestructuración, una característica introducida en JavaScript 1.7 y ECMAScript 6 , nos permite descomprimir valores de matrices u objetos en variables distintas. Su sintaxis es similar a:

[variable1, variable2, variable3] = [value1, value2, value3];

En el código de ejemplo:

[ a, b, c ] = myList;

los corchetes en el lado izquierdo representan una asignación desestructurante. Asigna los valores en la matriz myList a las variables a, b y c.

Soporte del navegador

A pesar de funcionar perfectamente en Opera 10.30 y Firefox 3.6.x, La tarea de desestructuración no es compatible con Opera 10.60 y Chrome. Esta inconsistencia se atribuye al hecho de que la asignación de desestructuración no es parte de ECMAScript 5.

Cumplimiento del estándar ECMAScript

Según lo verificado por la referencia vinculada, la asignación de desestructuración no cumple con ECMAScript 5. Se introdujo como una característica en JavaScript 1.7 y luego se formalizó en ECMAScript 6.

Conclusión

Asignación de desestructuración, simbolizada por corchetes a la izquierda- El lado de la asignación de variables proporciona una forma concisa de descomprimir valores de matrices u objetos. Sin embargo, su compatibilidad con varios navegadores es limitada debido a su ausencia en ECMAScript 5.