Day 3: Array Cardio 2

April 16th, 2018

Time for more arrays! Except this time I didn’t have any clue what these exercises are. At first, I continued to pause the video before he finished, but every single time I needed his help to complete the task. It was the end of my amazing one day victory streak…

Here are a couple of my mistakes:

Javascript 30 array coding mistake

Javascript 30 array coding mistake

And here’s the final code:

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

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 commment = comments.find(function(comment) {
if(comment.id === ‘823423’) {
return true;
}
});
console.log(comment);

// Array.prototype.findIndex()
// Find the comment with this ID
// delete the comment with the ID of 823423
const index = comments.findIndex(function(comment) {
if(comment => comment.id === 823423) {
return true;
}
});

console.log(index);

const newComments = [
…comments.slice(0, index),
…comments.slice(index + 1)
];

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

The last one I was so confused on, I couldn’t even get started without Wes. “…” and “.slice” mean nothing to me. Overall, I would call this activity a dismal failure with nothing even to show for it. Like last time, this was an all console activity, so the page is pretty lacking.