array cardio day 2

corneliugaina · Jun 17, 2019 · 463d598 · 463d598
1 parent 0513a2f
commit 463d598
Show file tree

Hide file tree

Showing 2 changed files with 76 additions and 2 deletions.
diff --git a/7-array-cardio-day2/index.html b/7-array-cardio-day2/index.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<title>Array Cardio 💪💪</title>
+</head>
+    <body>
+    <p><em>Psst: have a look at the JavaScript Console</em> 💁</p>
+    <script>
+    // ## Array Cardio Day 2
+    const people = [
+        { name: 'Wes', year: 1988 },
+        { name: 'Kait', year: 1986 },
+        { name: 'Irv', year: 1970 },
+        { name: 'Lux', year: 2015 }
+    ];
+    const comments = [
+        { text: 'Love this!', id: 523423 },
+        { text: 'Super good', id: 823423 },
+        { text: 'You are the best', id: 2039842 },
+        { text: 'Ramen is my fav food ever', id: 123523 },
+        { text: 'Nice Nice Nice!', id: 542328 }
+    ];
+    // Some and Every Checks // Array.prototype.some() // is at least one person 19 or older?
+
+    // # 1 
+    /* const isAdult = people.some(function(person) {
+        const currentYear = (new Date()).getFullYear();
+        if(currentYear - person.year >= 19) {
+            return true;
+        }
+    }) */
+
+    // # 2 (concise)
+    const isAdult = people.some(person => ((new Date()).
+        getFullYear()) - person.year >= 19);
+
+    console.log({isAdult});
+
+    // Array.prototype.every() // is everyone 19 or older?
+    const allAdults = people.every(person => ((new Date()).
+        getFullYear()) - person.year >= 19);
+    console.log({allAdults});
+
+    // Array.prototype.find() // Find is like filter, but instead returns just the one you are looking for // find the comment with the ID of 823423   
+    /*    const comment = comments.find(function(comment) {
+            if(comment.id === 823423) {
+                return true; 
+            }
+        });
+    */
+    const comment = comments.find(comment => comment.id === 823423);
+    console.log(comment);
+
+    // Array.prototype.findIndex() // Find the comment with this ID // delete the comment with the ID of 823423
+    const index = comments.findIndex(comment => comment.id === 823423);
+    console.log(index);
+
+    //comments.splice(index, 1);
+
+    const newComments = [
+        ...comments.slice(0, index),
+        ...comments.slice(index + 1)
+    ];
+
+    </script>
+    </body>
+</html>
diff --git a/README.md b/README.md
@@ -68,7 +68,7 @@ setProperty,
 forEach, 
 addEventListener.
 
-## 4 Array Cardio Day 1
+## 4 Array Cardio Day 1 /!\
 
 Workout sur les Array (tableaux) en javascript, travail seulement sur la console donc. 
 
@@ -95,10 +95,16 @@ toggle
 (querySelector, forEach, event listener,...)
 
 
-## 6 Ajax Type Ahead 
+## 6 Ajax Type Ahead /!\
 
 Barre pour recherche parmi 1000 plus grandes villes américaines (avec leur Etat et population). Difficulté à comprendre; revoir les fonctions, DOM, ajax, fetch et les expressions régulières. 
 
 CSS: 
 
 JS: .map , querySelector, eventListener, .replace, ${template litterals}, .filter, RegEx.
+
+# Array Cardio day 2 /!\
+
+Méthodes de travail avec les tableaux avec les pratiques de syntaxe concise d'ES6.
+
+JS: arrow function (concise syntax); JS methods :  .some, .every, .find, .splice .findIndex & deleting item from array.