Day012/arrayCardio2.html

<!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?
    // Try #1:
    // const isAdult = people.some(person => {
    //   const currentYear = (new Date()).getFullYear();
    //   if (currentYear - person.year >= 19) {
    //     return true;
    //   }
    // });

    // Try #2
    // const isAdult = people.some(person => {
    //   const currentYear = (new Date()).getFullYear();
    //   return currentYear - person.year >= 19;
    // });

    // Try #3
    const isAdult = people.some(person => ((new Date()).getFullYear()) - person.year >= 19);


    console.log("Are some people adults?: ", {isAdult})

    // Array.prototype.every() // is everyone 19 or older?
    const isAdult2 = people.every(person => ((new Date()).getFullYear()) - person.year >= 19);
    console.log("Is everyone an adult?: ", {isAdult2})

    // 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(comment => comment.id === 823423);

    console.log("Find comment: ", 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 === 123523)
    console.log("Find comment index: ", index);

    // takes index, and how many to remove
    // console.table(comments);
    // comments.splice(index, 1)
    // console.table(comments);
    
    
    // Make new array
    // I understand the slicing, but fail to understand the spread opperator "[...var]" in this situation.
    const newComments = [
      ...comments.slice(0, index),
      ...comments.slice(index + 1)
    ];
    
    console.table(comments);
    console.table(newComments)

  </script>
</body>
</html>