ES6 Tutorial #5: Array Destructuring in ES6 in JavaScript in Hindi 2020

Welcome, we will see Array Destructuring in ES6 in JavaScript in Hindi. ES6 Array Destructuring explained. The destructuring assignment syntax is a JavaScript expression that makes it possible to unpack values from arrays, or properties from objects, into distinct variables.
➡️ ECMAScript Tutorial in Hindi 2020: • Modern JavaScript ES6 ...
➡️ ES5 & ES6 | ECMAScript 6 in One Video in Hindi: • ES5 & ES6 | ECMAScript...
➡️ JavaScript Game Development Series in 2020: • JavaScript Game Develo...
➡️ Source Code Link: www.thapatechn...
➡️ Top 5 Programming Languages in 2020: • Top 5 Programming Lang...
Check Here ➡️ Advanced JavaScript in Hindi Playlist: • Advanced JavaScript Tu...
➡️ Ludo Game JavaScript Link: • JavaScript Game in Hin...
➡️Plz show some love to My Siter RUclips Channel and Plz Subscribe Link: / @mayabeautyvlogs878
**************** MUST WATCH VIDEOS *****************
➡️ How to become a Full Stack Developer 2020: • How to become a Full S...
➡️ How To Become a Web Developer 2020: • How To Become a Web De...
➡️ How JavaScript Works: • How JavaScript Works i...
➡️ Follow me on Instagram: / vinodthapa55
************ Must Watch Videos For Web Development.************
➡️ HTML in One Video: • Learn HTML in One Vide...
➡️ CSS in One video: • Learn Complete CSS In ...
➡️ CSS FlexBox in 30 Minutes: • CSS FlexBox in 30 Minu...
➡️ JavaScript in One video: • JavaScript in One Vide...
➡️ ECMAScript 6 in One Video : • ES5 & ES6 | ECMAScript...
➡️ HTML5 in one video: • HTML5 Tutorial in One ...
➡️ CSS3 in one video: • Learn Complete CSS3 In...
➡️ Bootstrap4 in One video: • Bootstrap 4 in One Vid...
➡️ Jquery in One video: • jQuery in One Video in...
➡️ JSON in one video: • JSON in One Video in H...
➡️ ReactJS in one video: • ReactJS For Beginners ...
➡️ PHP in One Video: • PHP TUTORIAL IN ONE VI...
➡️ NodeJS in one video: / ipnwakoibt
➡️ MySQL in one video: • Complete SQL & MySQL i...
Make Website Responsive Using Media Queries in One Video in Hindi | Web Design Tutorial in Hindi
➡️ Link: • Make Website Responsiv...
DONATION FOR SUPPORT: PhonePay = vinodbahadur@ybl GooglePay: vbthapa55@oksbi
Believe me, all this money will be used to make more quality videos and to make my channel grow. So that I can always provide you awesome free videos :)
Guys, Please support my channel by SUBSCRIBE to my channel and share my videos in your Social Network TimeLines.
Don't Forget to Follow me on all Social Network,
Website Link: www.thapatechn...
Instagram Link: / vinodthapa55
Facebook Link: / vinodthapa55
Twitter Link: / vb55thapa
Facebook ThapaTechnical Page Link: www.facebook.c...

[@ThapaTechnical]

Guys, program krna jarror n paste here, Check Here the complete Playlist ➡️ ECMAScript Tutorial in Hindi 2020: ruclips.net/p/PLwGdqUZWnOp19VX-DM4oHtmWhDfWblFh-
➡️ Advanced JavaScript in Hindi Playlist: ruclips.net/p/PLwGdqUZWnOp0hSGwasCjbrWSPrEKqB_kz&disable_polymer=true

[@khansawidhani9899]

From Pakistan. Your videos are really informative and this one of course helped a lot when i was searching for destructuring in Urdu or Hindi. Finally caught you. Thanks and keep going on.

[@VandanaSharma-ec6zl]

thank you so much for taking birth . had u not been there i would have just been a person who wants to learn coding , but now i am a student of coding .. thank you so much .....my all blessings to you ..

[@DEEPANSHU_NAG]

11:50 swap any two nos without using third variable
let a = 5 , b= 10;
a= a+b;
b= a-b;
a=a-b;
console.log("value of a is " + a + "value of b is " + b);

[@NadeemKhan-tv6jo]

bro a-b is -5 then so this program return a = -5 and b = 20

[@DEEPANSHU_NAG]

@@NadeemKhan-tv6jo *_SAHI H BRO THIK SE CALCULATE KRO OUTPUT IS a=10 AND b= 5_*

[@631singh]

@@DEEPANSHU_NAG
use es6 usse or aache se ho jayga
console.log(`value of a is: ${a} and value of b is : ${b} .`);

[@DEEPANSHU_NAG]

@@631singh ✌🏻

[@nasimreja7312]

let a =5;
let b =10;
[a,b]=[b,a]
console.log(a,b)

[@sonuahluwalia756]

sir awesome teaching big fan aap ka hu sabhi tutorial ,decent hai learnable hai easily understanding hai ,god bless you sir,

[@divyanshjain7515]

Bro your explanation part is extremely good it really help new persons to understand how actually things work ....keep going and make new videos too will support you

[@zafarhussain8273]

boom guyz me sikh gya

[@lalit00716]

Thanks sir for explaining the think's so smoothly like piece of cake.before all stuff looking so hectic to learn but you make it easy for us.thanks once again please kindly makes video for ES7 as quickly as possible.

[@mehtabmultani3194]

// program to swap to two numbers w/o using 3rd variable
let a = 15;
let b = 43;
[a, b] = [b, a];
console.log(`a: ${a}`);
console.log(`b: ${b}`);

[@royalbengal4590]

Love you bro such a beautiful way to explain thank you for the support Bro Code

[@silkydiaries2395]

awesome explanation sir

[@mohsinrehman666]

Very very nice ❤🎉

[@prensudangol1547]

You are god !

[@MubasshirMiraj]

Amazing vedio

[@DEEPANSHU_NAG]

Awesome explanation 👏🏻

[@AnkitNarwariya]

Finally 300k Completed, Congratulations brother...

[@p.mousumipriyadarshini8677]

1 2 3 and boom guys😆😆
btw the vdo was helpful👍

[@MonikaKumari-er4de]

Thank you sir

[@afzalmahmudd8365]

Thank you.

[@bhautikvachhani8342]

Fabulous

[@hello_sharma_ji]

Agar mere array me 100 value hai or mujhe first and last value dikhani hai to kya mujhe 98 "," comma use karne honge?

[@AmeerHamza-jy5ml]

[b,a]=[a,b] swapping through Destructing !!
because sir i have a doubt sir which array you can use have only 5 five elements and we write 3 commas between them if we have so many elements like 100 or more in this situation what is the proper way to assign our last element value ???

[@zafarhussain8273]

mind blowing sir

[@prash0202]

Sir, how this work for a large number of array elements? Please elaborate

[@mohsinliaqat5442]

bht awla

[@rajbannasa7662]

thank you so much sir

[@saadmanahmed860]

very good illustration

[@bajarangjadhav8432]

Hi, how can I get first and last element of array having dynamic length using method you explained ? thanks in advanced

[@Shreya-ff9dx6fv1s]

Same Question in my mind

[@kashifkhan-im4jc]

sir apne is mai kaha ke last waly element ko find karny se pehly lenght find karna hai agar hm ne length be find kya aur hamara array mai 1000 se be zyada element hai so ho we can write like thie let [ top1,,, toplast] yasha par tu ham 1k commas to nahi lek skty?

[@vikassingh1628]

let a = 1;
let b = 2;
a = a*b;
b = a/b;
a = a/b;
console.log(a);
console.log(b);

[@ravishmukkar6955]

sir please make a video on geo location html5

[@aryankanani2381]

Good Contents

[@mdshahnawaz645]

❤

[@easytocoding9863]

let a,b=5,10;
b,a=a,b
Or
a=a*b
b=a/b
a=a/b
Or
a=a+b
b=a-b
a=a-b
Ye code bhi work karega maine socha ki add aur minus ke alawa new answer du

[@ahmadfraz9715]

Swaping two numbers:
let a = 10;
let b = 20;
[a, b] = [b, a];
console.log(`After Swaping a is: ${ a } and b is: ${ b } `);

[@abhishektripathi3707]

####boom guys

[@631singh]

let a=10;
let b=5;
a=a+b;
b=a-b;
a=a-b;
alert(`after swapping value will be a : ${a} and value of b : ${b}`);

[@AnkitncrVlogs]

let a = 10;
let b = 20;
a = a + b;
30
b = a -b;
10
a = a-b;
a = 20; b= 10;

[@ravinayadav9539]

let a = 5;
let b = 10;
a = b ;
b = a - 5;
console.log(`value of a is ${a}, value of b is ${b}`);

[@saurabrakshit405]

what if I have thousands of elements in the Array , do I have to use comma 999 times?

[@vaibhavkhatri567]

Same question here also

[@KarandeepKumar]

Sir ye jo bataya apne ki hum comma(,) dalkar array items ko separate kar sakte hai..par agar kisi array me suppose 100 items hai aur muje 100th item sirf chahie to muje 99 bar comma(,) dena prega kya ???

[@bushranikhat2326]

Nhi aapko simply array[99] likhna hoga

[@zargamhussain5481]

I only want "last wala variable" ye badiya tha 😅

[@sunnyvlogs__]

By using XOR operation three times.

[@parveshkumar5470]

you use only 5 variables to find the first and last value in an array. If we have more than thousand values then how to find the first and last array value?

[@muddusarzulfiqar1657]

Mashallah boohat acha samjaty ho bhai ap ak masla tha agar database sa koi array bna kay la rhy ha hm values or upto 1000 values a rhe ha to last one kay leya kaya hmm 999 comma lekhay gay ya kay koi or method hota????

[@nishantsethi6625]

var a=5
var b=10
var b=(b-a)
var a=(a+b+b)-a
console.log(a,b);

[@InfoPlus4all]

sir, train status ki api per video banadain. pls

[@Dineshkumar-ic5el]

let a = 5;
let b = 6;
a= a+b;
b= a-b;
a= a-b;
that's it.

[@mohsinhasan1153]

thapa jani advance JS or ES6 same hai ya diffrance hai dono me..

[@yasinshaikh9823]

let a=5; let b=10; b=(b-a); console.log(b); a=(b+a); console.log(a);

[@vavinashece5158]

5
10

[@pratikkamble1770]

Suppose I have 100 elements in my array
To kya muze 98 commas lagane padhenge to get 1st n last element of array using this method? This is so headache

[@pradipchetry4261]

We can also use this method to access last item of an array from a list
let lastItem = myprolang [myprolang.length - 1];
console.log(lastItem)

[@chaqdas5972]

but agar,array ki values zyda ho kasy pata chala ga ky total kitna comaa ana hai?????????

[@kushagragautam3979]

array ka size na pta ho to ? matlab arry me values dynamically backend se aa rhi hon to destructuring kaise karenge ?

[@abdulfahad4498]

array.length - 1;

[@susandanne3107]

instead of const can write let while declaring array details

[@chizuru1999]

Task
let [b, a] = [a, b]

[@rishabhchaurasia4138]

Thapa Sir ES6 pura complete kijiye taaki apne resume me daal kar interview de saku

[@ThapaTechnical]

sure

[@motivate2rock728]

@@ThapaTechnical ♥

[@ashishthakkar350]

yadi 1000 data or usme hame 1st, 25th,38,93, and last data chahiye to kya krna hoga to kitne comma ka use krna hoga to fir uska kya krna hoga

[@ravishmukkar6955]

please sir make a tutorial to make visitor counter in php

[@dumptruck3354]

const arr = [5, 10];
let [a, b] = arr;
[a, b] = [b, a];
console.log([b, a]);

[@Callme_Dee.]

do you have any refrence video for anonymous fuctions, IIFE, fiter , map& reduce...please share

[@ThapaTechnical]

just watch JavaScript in 16+hrs video of mine.. You will find evryting

[@Callme_Dee.]

@@ThapaTechnical ok i ll check thanks..and one more doubt for {...} rest opertor in object destructuring. any refrence ?? i checked your ES6 object destructuring video its not there

[@programming_skills384]

If we have 1000 items of array than how will handle that comma,.

[@kumawatnaresh3451]

😱

[@kumawatnaresh3451]

Yes

[@yogeshkumargupta265]

This is not included in the Advanced tutorial playlist.. please add this video there also

[@devbyishtiaq]

Please make a video on youtube and facebook downloader script in php for any website

[@md.shehabuddintushar1816]

let a=5; let b=10;
[a,b]=[b,a]
console.log(a)
console.log(b)

[@rajendrakumar-qt3ef]

Sir php framework par video banayi like laravel. Codegniter

[@rohitvora54]

let A = 25;
let B = 50;
[A,B] = [B,A];
console.log("A = " + A);
console.log("B = " + B);

[@himanshijain7174]

why you always use const for declaring variable or array, cant we use let?

[@shahmirnazir1902]

Yes

[@pk-pm5is]

what is java

[@geekylearner3596]

//SWAPPING OF TWO NUMBERS WITHOUT THIRD VARIABLE
let a = 4,
b = 5;
console.log(`Before swapping a is ${a} and b is ${b}`);
a = a + b;
b = a - b;
a = a - b;
console.log(`After swapping a is ${a} and b is ${b}`);

[@aamirsaleem2213]

osm

[@ThapaTechnical]

thanks bro :)

[@aamirsaleem2213]

@@ThapaTechnical Thanks U Sir G,,,,

[@prashantkaushik6534]

सर में एक वेबपेज बनाया हू JavaScript se। RUclips जैसा
पर वीडियो चलाने पर दूसरा वीडियो भी चलता रहता है दूसरा वीडियो स्टॉप केसे करूं ये समछ में नहीं आ रहा है।
Please help me sir.....😟
Thanks

[@tannuyadav5543]

Sir ek problem hai xampp pe login registration form work Kar raha hai but hosting pe nahi Kar raha hai

[@hello_sharma_ji]

Index find karna hoga with hardcore no.

[@hasbullakhan83]

What is the real purpose of array destructuring? Why would anyone destruct an array? As far as i can see es6 making the process worse. In the example he used a simple array of 5 elements but when its larger its completely not feasible.

[@mustaquekhan4255]

The major use of array destructuring is to return an array inside a function and get those returned array values in individual varibales.
function func( ) {
return [''Js", 200];
}
let[ numb1, numb2 ] = func( );
console.log(numb1);
console.log(numb2);
OUTPUT:
Js
200

[@shahrukhshah3572]

How to search for a number or string or a boolean value from an array and print it, can anyone help.?
const arr=['John' , 23 , true]

[@ahmadfraz9715]

Program:

[@gopalsinghchampawat4328]

सारा कंसोल पे लोड हो रहा है, क्रिपया एचटीएमएल पेज पर लोड करना बताएं।

[@websikhao485]

swap two numers without using third number ,solution using array destructing:
const names=['Muhammad nauman','nasir','SE'];
let[value1,,value2]=names;
[value1,value2]=[value2,value1];
console.log(`My name is = ${value1} and degree is ${value2}`);

[@vijaykatake4778]

b = b-a;
a=a+a;

[@sabkuch1750]

let x= 2;
let y= 4;
x = x+y;
y= x-y;
x= x-y;
console.log(x);
console.log(y);

[@techdreams6748]

Bro why you teach your concept of JS is so weak

[@notuzzi]

3 2 1 pilleyy

[@goodpanda4082]

stop saying boom

[@win8564]

stop doing this boom boom please

[@rajbannasa7662]

thank you so much sir

[@hhtcp015]

let a=5;
let b=10;
a = a+b;
b = a-b;
a = a-b;
console.log(a);
console.log(b);