The latest articles on DEV Community by ayan (@anuppal48672810). https://dev.to/anuppal48672810 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F659524%2F5860e184-58c8-447f-b4f6-736df5b52d73.png https://dev.to/anuppal48672810 en ayan Fri, 07 Oct 2022 06:19:15 +0000 https://dev.to/anuppal48672810/how-javascript-works-execution-context-442b https://dev.to/anuppal48672810/how-javascript-works-execution-context-442b <p>__</p> <blockquote> <p><strong>_Everything in JavaScript happens inside an execution context<br> _</strong></p> </blockquote> <p>We can assume execution context is a big box in which whole JavaScript code is executed.<br> Execution context contains two components first one called Memory Component and second one is called code (<br> In first component all the variables and functions are placed in key value pairs. Function are also stored in memory component.</p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--rhmorqmU--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2es3v6nk4we4o6aadpv0.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--rhmorqmU--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2es3v6nk4we4o6aadpv0.png" alt="Image description" width="703" height="618"></a><br> Second component is called code component also known as thread of execution.</p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--w9Uga01m--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/udyatsi4ozwesflqiq9q.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--w9Uga01m--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/udyatsi4ozwesflqiq9q.png" alt="Image description" width="877" height="622"></a><br> <em>for more details refer Namaste JavaScript</em></p> javascript webdev frontend beginners ayan Thu, 11 Nov 2021 03:41:05 +0000 https://dev.to/anuppal48672810/how-to-destructure-arrays-in-js-410e https://dev.to/anuppal48672810/how-to-destructure-arrays-in-js-410e <p>Hi today I am going to show you how to destructure an array in JavaScript.<br> Let's take an object.</p> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fumcq91dobhrv4kem6q7p.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fumcq91dobhrv4kem6q7p.png" alt="Image description"></a></p> <p>This is how we retrieve the values of arrays normally in a very simple way.<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fw2bfu665jqow39ecanzq.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fw2bfu665jqow39ecanzq.png" alt="Image description"></a><br> But can do the same in a line using array destructuring.<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fu9q9b1pcik44oy3cdw0c.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fu9q9b1pcik44oy3cdw0c.png" alt="Image description"></a><br> Now taking we can use the values of restaurant using array destructuring.<br> Suppose we want to take categories . We can do it like this.<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Feq3k77xhwg26xx4oecoi.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Feq3k77xhwg26xx4oecoi.png" alt="Image description"></a><br> Suppose we don't want all the values in category<br> then <br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fyyjzz1hl6n9yu5v81cer.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fyyjzz1hl6n9yu5v81cer.png" alt="Image description"></a></p> javascript webdev beginners tutorial