Added Destructuring example to “Destructuring assignment” doc (mdn#5145)

NegiAkash890 · web-flow · commit a82f41ffe37c · 2021-06-02T13:02:33.000+09:00
Relates to mdn#4682
diff --git a/files/en-us/web/javascript/reference/operators/destructuring_assignment/index.html b/files/en-us/web/javascript/reference/operators/destructuring_assignment/index.html
@@ -91,6 +91,16 @@ <h4 id="Assignment_separate_from_declaration">Assignment separate from declarati
 console.log(b); // 2
 </pre>
 
+<p>In an array destructuring from an array of length <var>N</var> specified on the right-hand side of the assignment, if the number of variables specified on the left-hand side of the assignment is greater than <var>N</var>, only the first <var>N</var> variables are assigned values. The values of the remaining variables will be undefined.</p>
+<pre class="brush: js">const foo = ['one', 'two'];
+
+const [red, yellow, green, blue] = foo;
+console.log(red); // "one"
+console.log(yellow); // "two"
+console.log(green); // undefined
+console.log(blue);  //undefined
+</pre>
+
 <h4 id="Default_values">Default values</h4>
 
 <p>A variable can be assigned a default, in the case that the value unpacked from the array is <code>undefined</code>.</p>
