J'ai toujours eu un peu de mal avec cette convention en Js,&nbsp; alors voil&agrave; une exhaustivit&eacute; d'example afin de mieux comprendre comment &ccedil;a marche:
<pre class="language-javascript"><code>const myThings = {
 teddyBear: { color: 'brown', name: 'tedd' },
 backpack: { capacity: '20L', make: 'Thule' },
 julien: { number: 2 },
};</code></pre>

si je veux avoir acc&egrave;s au nom du teddy bear et renommer la variable en m&ecirc;me temps je dois:
<pre class="language-javascript"><code>const {
 teddyBear: { name: zob },
} = myThings;

console.log(zob); // r&eacute;sultat tedd</code></pre>

Pour r&eacute;sumer ici on r&eacute;cup&egrave;re le nom du teddybear lui m&ecirc;me &agrave; l'int&eacute;rieur de myThings et la variable sera renomm&eacute; zob.
Mais on peut aussi lui assigner une valeur par d&eacute;fauts:
<pre class="language-javascript"><code>const myThings = {
 teddyBear: { color: 'brown', name: undefined | null },
 backpack: { capacity: '20L', make: 'Thule' },
 julien: { number: 2 },
};

const {
 teddyBear: { name = 'petit chou' },
} = myThings;

console.log(name); // r&eacute;sultat petit chou</code></pre>

Pour r&eacute;sumer ici on r&eacute;cup&egrave;re le nom du teddybear lui m&ecirc;me &agrave; l'int&eacute;rieur de myThings et si le nom est null on lui attribut la valeur par d&eacute;faut petit chou.
Pour aller plus loin les deux en m&ecirc;me temps:
<pre class="language-javascript"><code>const myThings = {
 teddyBear: { color: 'brown', name: 'tedd' },
 backpack: { capacity: '20L', make: null },
 julien: { number: 2 },
};

const {
 teddyBear: { name: zob = 'petit chou' },
 backpack: { make: zobi = 'petit sac' },
} = myThings;

console.log(zob, zobi); // r&eacute;sultat tedd &amp; petit sac</code></pre>

destructurer en Javacript, Typescript, simplement avec des exemples complet.

Comment destructurer en Javacript, Typescript

Des exemples simples pour déstructurer proprement en java-script.

Blog Posts by Tag

Comment Destructurer en Javacript Typescript