Destructuring Array tutorial in Advance JavaScript

 <!DOCTYPE html>

<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Destructuring Array tutorial Advance JavaScript</title>
    <link rel="stylesheet" href="">
</head>

<body>
    <script>
        //Example 1 : Destructuring Array
        let user = ["Hello World", , "Delhi", , ["Male", 25000], "Gujarat", "India", "Hindu"];
        let [name, age = 20, city, nationality, [gender, salary], ...args] = user;
        console.log(name);
        console.log(age);
        console.log(city);
        console.log(nationality);
        console.log(gender);
        console.log(salary);
        console.log(args);


        //Example 2 : Destructuring Array
        function userTwo([name, age = 20, city, nationality]) {
            console.log(name);
            console.log(age);
            console.log(city);
            console.log(nationality);
        }
        userTwo(["Hello World", 34, "Delhi", "Indian"]);

        //Example 3 : Destructuring Array
        //Here below, function returns Array
        function userThree() {
            return ["Hello World", 34, "Ahmedabad", "Indian"];
        }
        let [nameTwo, ageTwo, cityTwo, nationalityTwo] = userThree();
        console.log(nameTwo);
        console.log(ageTwo);
        console.log(cityTwo);
        console.log(nationalityTwo);
    </script>
</body>

</html>


Comments

Popular posts from this blog

Generators tutorial in Advance JavaScript

Document Object Module DOM querySelector and querySelectorAll tutorial in JavaScript

Find Even and Odd Numbers with Loops tutorial in JavaScript