wesbos#7 done

Author: n3218

04 - Array Cardio Day 1/index-START.html

@@ -64,12 +64,13 @@
       const bAge = (b.passed - b.year)
       return aAge > bAge ? -1 : 1
       }
-    ).map(i => {
-      const fullData = {...i}
-      fullData.age = (i.passed - i.year)
-      return fullData
+    ).map(i => { 
+      return {
+        ...i,
+        age: (i.passed - i.year)
+      }
     })
-    // console.table(inventorsSortedByAge)
+    //console.table(inventorsSortedByAge)
 
 
     // 6. create a list of Boulevards in Paris that contain 'de' anywhere in the name
@@ -92,14 +93,22 @@
     // 8. Reduce Exercise
     // Sum up the instances of each of these
     const data = ['car', 'car', 'truck', 'truck', 'bike', 'walk', 'car', 'van', 'bike', 'walk', 'car', 'van', 'car', 'truck' ];
-    const sum = data.reduce((obj, i) => {
-      if(!obj[i]) {
-        obj[i] = 0
-      }
-      obj[i]++
-      return obj
-    }, {})
-    console.log(sum)
+    // const sum = data.reduce((obj, i) => {
+    //   if(!obj[i]) {
+    //     obj[i] = 0
+    //   }
+    //   obj[i]++
+    //   return obj
+    // }, {})
+    //console.log(sum)
+      const listOfCars = data.reduce((acc, val) => {
+        var numOfCars = acc[val] ? (acc[val]+1) : 1
+        return {
+          ...acc,
+          [val]: numOfCars
+        }
+      },{})
+      console.log(listOfCars)
   </script>
 </body>
 </html>

05 - Flex Panel Gallery/index-START.html

@@ -38,6 +38,7 @@
 
   <script>
     const panels = document.querySelectorAll('.panel');
+    
     function toggleOpen() {
       this.classList.toggle('open');
     }

07 - Array Cardio Day 2/index-START.html

@@ -25,42 +25,108 @@
     ];
 
     // Some and Every Checks
-    // Array.prototype.some() // is at least one person 19 or older?
-    const someAdult = people.some(person => {
-      const currentYear = new Date().getFullYear()
-      //console.log(currentYear - person.year)
-      return currentYear - person.year >= 19
-    })
+    // Array.prototype.some() 
+    // is at least one person 19 or older?
+    const currentYear = new Date().getFullYear()
+    //console.log(currentYear)
+    const someAdult = people.some(person => (currentYear - person.year) >= 19)
     //console.log(someAdult)
 
-    // Array.prototype.every() // is everyone 19 or older?
-    const allAdults = people.every(person => {
-      const currentYear = new Date().getFullYear()
-      //console.log(currentYear - person.year >= 19)
-      return currentYear - person.year >= 19
-    })
+
+    // Array.prototype.every() 
+    // is everyone 19 or older?
+    const currentY = new Date().getFullYear()
+    //console.log(currentY)
+    const allAdults = people.every(person => (currentY - 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(c => c.id == 823423)
-    //console.table(comment)
+    //console.log(comment)
+
 
     // Array.prototype.findIndex()
-    const index = comments.findIndex(c => c.id == 823423)
-    //console.log(index)
     // Find the comment with this ID
-    // delete the comment with the ID of 823423
-    // const newComments = comments.splice(index, 1)
-    // console.table(newComments)
-    // console.table(comments)
-
-    const newComm = [
-      ...comments.slice(0, index),
-      ...comments.slice(index+1)
-    ]
-    console.table(newComm)
+    const cIndex = comments.findIndex(c => c.id == 823423)
+    //console.log(cIndex)
+
+    var array = [ {'a': '12', 'b':'10'}, {'a': '20', 'b':'22'} ];
+    var newArray = array.map(x => {
+      x.c = Number(x.a) - Number(x.b)
+      x.d = Math.floor(x.a) - Math.floor(x.b)
+      return x
+    })
+    //console.log(newArray)
+
+    //Filter the even numbers
+    const arrayOfNumbers = [1,2,3,4,5,6,7,8,9]
+    const arrayOfEvenNumbers = arrayOfNumbers.filter(n => n%2 === 0)
+    //console.log(arrayOfEvenNumbers)
+    const sumOfNumbers = arrayOfNumbers.reduce((acc, num) => {
+      return acc + num
+    }, 0)
+    //console.log(sumOfNumbers)
+
+    //Do a simple string search
+    var strings = ["hello", "Matt", "Mastodon", "Cat", "Dog"];
+    const stringIncludes = strings.filter(s => s.includes('at'))
+    //console.log(stringIncludes)
+
+const spotifySongs = [
+  { id: 1, name: "Curl of the Burl", artist: "Mastodon", duration: 204 },
+  { id: 2, name: "Oblivion", artist: "Mastodon", duration: 306 },
+  { id: 3, name: "Flying Whales", artist: "Gojira", duration: 444 },
+  { id: 4, name: "L'Enfant Sauvage", artist: "Gojira", duration: 246 }
+];
+
+const lastFmSongs = [
+  { id: 5, name: "Chop Suey", artist: "System of a Down", duration: 192 },
+  { id: 6, name: "Throne", artist: "Bring me the Horizon", duration: 186 },
+  { id: 7, name: "Destrier", artist: "Agent Fresco", duration: 132 },
+  { id: 8, name: "Out of the Black", artist: "Royal Blood", duration: 240 }
+];
+
+const allSongs = [...spotifySongs, ...lastFmSongs];
+
+//Transforming the given array and adding and removing properties from each object
+var listOfSongs = allSongs.map(song => {
+  let {artist, ...noArtist} = song
+  // Object.assign(noArtist, {
+  //   year: 2010
+  // })
+  return {
+    ...noArtist,
+    year: 2011
+  }
+})
+//console.log(listOfSongs)
+
+const listOfSongsFiltered = allSongs.filter(s => s.artist.toLowerCase() == 'mastodon')
+//console.log(listOfSongsFiltered)
+
+const listOfArtists = allSongs.reduce((acc, val) => {
+  let currentArtist = val.artist
+  let artistsSongs = acc[currentArtist] ? (acc[currentArtist] + 1) : 1
+  return {
+    ...acc,
+    [currentArtist]: artistsSongs
+  }
+},{})
+//console.log(listOfArtists)
+
+//Difference between let and var
+for (let i = 0; i < 3; i++) {
+  //setTimeout( () => console.log('let=' + i), 3000)
+  //console.log('var=' + i)
+}
+
+//Now we must get a string separated by commas with all the songs that have a duration superior to 3 minutes.
+const arrayOfLongSongs = allSongs.filter(song => (song.duration/60) > 3).map(s => s.name )
+console.log(arrayOfLongSongs.join(', '))
+ 
   </script>
 </body>
 </html>