Javascript30 - Array practice2

seeh_h·2021년 1월 6일
1

javascript30

목록 보기
8/16
post-thumbnail

이번 실습은 3일차에 했던 javascript array practice에 이은 2번째 실습으로 console창을 확인하면 결과를 볼 수 있다. 😁


Learning Point

  • Javascript Array object의 기본 function에 대해 학습한다.

Javascript Part

<!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?
      console.log(
        people.some((person) => new Date().getFullYear() - person.year >= 19)
      );

      // Array.prototype.every() // is everyone 19 or older?
      console.log(
        people.every((person) => new Date().getFullYear() - person.year >= 19)
      );

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

      // Array.prototype.findIndex()
      // Find the comment with this ID
      const index = comments.findIndex((comment) => comment.id == 823423);
      // delete the comment with the ID of 823423
      comments.splice(index, 1);
    </script>
  </body>
</html>

Array.prototype.some()

배열의 element들을 순회하면서 인수로 전달된 콜백 함수를 호출한다. 이때 some 메서드의 콜백함수의 반환값이 단 한 번이라도 참이면 true, 모두 거짓이면 false를 반환한다.

Array.prototype.every()

배열의 element들을 순회하면서 인수로 전달된 콜백 함수를 호출한다. 이때 every 메서드의 모든 반환값이 true여야만 true를 반환한다. 단, every 메서드를 호출한 배열이 빈 배열인 경우 true를 반환하므로 주의하여야 한다!

Array.prototype.find()

ES6에서 추가된 메서드로, 배열의 element를 순회하면서 전달된 콜백함수를 호출하여 처음으로 true인 요소를 반환한다. 콜백함수의 반환값이 true인 요소가 없으면 undefined를 반환한다.

Array.prototype.findIndex()

ES6에서 추가된 메서드로, 배열의 element를 순회하면서 전달된 콜백함수를 호출하여 처음으로 true인 요소의 index를 반환한다.


원래 12월달에 끝마치려고 했었는데, 이것저것 하다보니까 미뤄져 버렸다.😥
다시 열심히 달려보자💪💪

profile
주니어 개발자 성장기😎

0개의 댓글