“JavaScript Nested Destructuring” Código de respuesta

JavaScript Nested Destructuring

// Destructuring an object > array > object structure
const returnedObject = {
  docsArray: [
    {socketRoom: '', routes: []},
    {socketRoom: '', routes: []},
    {socketRoom: '', routes: []},
  ]
}

// this will destructure the first and second elements from docsArray, and spread the remainder
const {docsArray: [element0, element1, ...remainder]} = returnedObject

// taking this further with destructing properties from element0 
const {docsArray: [{socketRoom0, routes0} = element0, {socketRoom1, routes1} = element1]} = returnedObject

// note the syntax for destructing Objects and Arrays
const {propName} = Object
const [element0, element1] = Array

// then one layer deep where Object[propName] is an Array
const {propName: [element0]} = Object

// then two layers, where element0 is an Object
const {propName: [{propName} = element0]}

// three layers
const {propName: [{propName: [element00]} = element0]}

SubZ390

ES6 Parámetros Destructurar Objeto anidado

const myFunc = ({event: {target: {name,secondName}}}) => {
  console.log(name);
  console.log(secondName);
}

myFunc({event: {target: {name: 'fred'}}})

Poised Petrel

Respuestas similares a “JavaScript Nested Destructuring”

Preguntas similares a “JavaScript Nested Destructuring”

Más respuestas relacionadas con “JavaScript Nested Destructuring” en JavaScript

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código

Shell/Bash

C++

CSS

HTML

Java

JavaScript

Objective-C

PHP

Python

Sql

Swift

Ruby

TypeScript

Kotlin

Assembly

VBA

Scala

Rust

Dart

Elixir

Clojure

Haskell

Matlab

Erlang

Cobol

Fortran

Scheme

Perl

Groovy

Lua

Julia

Delphi

Abap

Lisp

Prolog

Pascal

ActionScript

Basic

Solidity

PowerShell

GDScript

Excel