Maps

TheShubham-K · TheShubham-K · commit ee0f28fd18fe · 2020-06-16T16:35:12.000+05:30
diff --git a/New_ECMAScript_6/Maps.html b/New_ECMAScript_6/Maps.html
@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>&#x1F3F4;&#x200D;&#x2620;&#xFE0F; Complete Javascripts Course</title>
+    <!-- Latest compiled and minified CSS -->
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
+        integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+    <style>
+
+    </style>
+</head>
+
+<body>
+    <br />
+    <br />
+    <center>
+        <br />
+        <div id="wrapper">&#x1F4C3; &#x1F3EA; 👾</div>
+        <div id="output">Complete JavaScript Course</div>
+        <br />
+        <div></div>
+    </center>
+    <script>
+        let myArr = [1, 4, 6, 3, 6, 3, 6, 3, 644, 23, 32, 2, 3, 4, 5, 6, 7, 87, 2, 3, 4, 3, 43, 33];
+        console.log(myArr);
+
+        function removeDup(a) {
+            return [...new Set(a)];
+        }
+
+        let mapArray = myArr.map(function (a) {
+            return a *= 10;
+        })
+
+        console.log(mapArray);
+
+        let myMap = new Map();
+        myMap.set("Hello World!");
+        myMap.set("MyName", "Larence");
+        console.log(myMap);
+        myMap.set("MyName", "Larence");
+        myMap.delete("Hello");
+        console.log(myMap);
+        console.log(myMap.size);
+        console.log(myMap.has("World"));
+        console.log(myMap.get("World"));
+
+
+        let items = [{
+            name: 'iPhone',
+            details: 'White',
+            cost: 50000
+        }, {
+            name: 'iPad',
+            details: 'White',
+            cost: 80000
+        }, {
+            name: 'Cable',
+            details: '3 foot',
+            cost: 1000
+        }, {
+            name: 'Camera',
+            details: '25MP',
+            cost: 30000
+        }, {
+            name: 'Laptop',
+            details: 'Intel i7',
+            cost: 120000
+        }, {
+            name: 'LCD Monitor',
+            details: '24 inch',
+            cost: 20000
+        }, {
+            name: 'TV',
+            details: '50 inch',
+            cost: 45000
+        }];
+
+        console.log(items);
+        let holderNames = items.map(items => items.name)
+        console.log(holderNames);
+
+        let holderCosts = items.map(items => items.cost);
+        console.log(holderCosts);
+    </script>
+
+    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
+        integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous">
+    </script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
+        integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous">
+    </script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
+        integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous">
+    </script>
+</body>
+
+</html>
