complete maps iteration

Author: Evavic44

09-Data-Structure-Modern-Operators-and-Strings/README.md

@@ -481,3 +481,64 @@ We an also use the `rest` on `DOM` elements, which allows us to do advanced func
 ```js
 rest.get(document.querySelector("h1"));
 ```
+
+### Maps Iteration
+
+Elements are added to a `Map` using the `set()` method. But this can be cumbersome if you're trying to add multiple elements at the same time. To fix that, we can create a new `map` using an array inside the `map`.
+
+For example:
+
+```js
+const question = new Map([
+  ["Question", "What is the best programming language in the world?"],
+  [1, "C"],
+  [2, "Java"],
+  [3, "JavaScript"],
+  ["Correct", 3],
+  [true, "Correct 🎉"],
+  [false, "Try Again 💔"],
+]);
+```
+
+This method makes it easier but in any case where we need to keep adding elements to the `Map` programtically, the `set()` method is best.
+
+### Convert Objects to Map
+
+```js
+const hoursMap = new Map(Object.entries(openingHours));
+console.log(hoursMap);
+```
+
+```js
+// Quiz App
+console.log(question.get("Question"));
+
+for (const [key, value] of question) {
+  if (typeof key === "number") {
+    console.log(`Answer ${key}: ${value}`);
+  }
+}
+
+const answer = Number(prompt("What is your answer?"));
+console.log(
+  answer === question.get("correct")
+    ? `${answer} ${question.get(true)}`
+    : `${answer} ${question.get(false)}`
+);
+```
+
+Finally, it can be important to know how to convert a `Map` back to an array. To do that, simply use destructure the `Map`.
+
+```js
+console.log(...question);
+```
+
+Finally, `Maps` also contains the keywords for getting elements:
+
+```js
+console.log(...question.entries());
+console.log(...question.keys());
+console.log(...question.values());
+```
+
+# Summary: Which Data Structure to Use

09-Data-Structure-Modern-Operators-and-Strings/code.js

@@ -0,0 +1,25 @@
+/* Write a funciton to convert a name into initials. This strictly takes two words with one space in between them.
+
+The output should be two capital letters with a dot seperating them.
+
+It should look like this:
+
+Sam Harris => S.H
+patrick feeney => P.F
+*/
+
+/*
+1. Create a function that prints a value to the console.
+2. The function will return the first letter of each word
+*/
+
+function convertInitials(name) {
+  const x = name.split(" ");
+  console.log(x);
+
+  // console.log(`${name.charAt(0)}.${name.charAt(1)}`);
+  // console.log(`${name[0].toUpperCase()}.${name[5].toUpperCase()}`);
+}
+
+convertInitials("John Rambo");
+convertInitials("ashely bolanle");

09-Data-Structure-Modern-Operators-and-Strings/script.js

@@ -373,19 +373,19 @@ console.log(ordersSet);
 
 console.log(ordersSet.size);
 
-// Has
+// Has in Set
 console.log(ordersSet.has("Bread"));
 console.log(ordersSet.has("Pizza"));
 
-// Add & Delete
+// Add & Delete Set
 ordersSet.add("Garlic Bread");
 ordersSet.add("Garlic Bread");
 console.log(ordersSet);
 
 ordersSet.delete("Risoto");
 console.log(ordersSet);
 
-// Clear
+// Clear a set
 // ordersSet.clear();
 
 for (const order of ordersSet) {
@@ -452,3 +452,46 @@ console.log(rest.get(s));
 // DOM elements
 rest.set(document.querySelector("h1"), "Heading");
 console.log(rest);
+
+const dat = new Map();
+
+// Map Iterations
+const question = new Map([
+  ["Question", "What is the best programming language in the world?"],
+  [1, "C"],
+  [2, "Java"],
+  [3, "JavaScript"],
+  ["Correct", 3],
+  [true, "correct 🎉"],
+  [false, "Try Again 💔"],
+]);
+
+console.log(question);
+
+// Convert objects to Map
+const hoursMap = new Map(Object.entries(openingHours));
+console.log(hoursMap);
+
+// Quiz App
+console.log(question.get("Question"));
+
+for (const [key, value] of question) {
+  if (typeof key === "number") {
+    console.log(`Answer ${key}: ${value}`);
+  }
+}
+
+const answer = Number(prompt("What is your answer?"));
+console.log(
+  answer === question.get("correct")
+    ? `${answer} ${question.get(true)}`
+    : `${answer} ${question.get(false)}`
+);
+
+// Convert Map to Array
+console.log(...question);
+
+// Also contains the keywords in Objects
+console.log(...question.entries());
+console.log(...question.keys());
+console.log(...question.values());