728x90

콘솔로 비교해보기

 

1. 기본 값

<!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() // 19살 보다 많은 사람이 있는지?
    // Array.prototype.every() // 모두가 19살보다 많은지?

    // Array.prototype.find()
    // ID가 823423 인것을 찾으시오

    // Array.prototype.findIndex()
    // ID가 823423인 것의 인덱스를 표시
    // comment에서 ID 가 823423 인것을 제거

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

2. 결과

<!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 },
      ];

      console.log(
        people.some((el) => {
          let currentYear = new Date().getFullYear();
          return currentYear - el.year > 19;
        })
      );

      console.log(
        people.every((el) => {
          let currentYear = new Date().getFullYear();
          return currentYear - el.year > 19;
        })
      );

      console.log(
        comments.find((el) => {
          return el.id == 823423;
        })
      );

      let index = comments.findIndex((el) => {
        return el.id == 823423;
      });
      console.log(index);

      // comments.splice(index,1);
      // console.log(comments);

      //또는

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

      console.log(newComments);
    </script>
  </body>
</html>

3. 리뷰

각 인터페이스 함수의 사용법을 숙지.

배열안에 ...으로 각요소추출, 없으면 무시하여 각요소를 새로운 배열에 담아줌

728x90

'개발 > html, css, js' 카테고리의 다른 글

[JS] 쿠키와 세션  (0) 2022.08.09
[JS] 쿠키와 세션  (0) 2022.08.08
[30일 챌린지 Day-6] 검색, json 활용  (0) 2022.07.26
[30일 챌린지 Day-5] flex, classname 추가 활용  (0) 2022.07.25
[30일 챌린지 Day-4] 배열,객체 알고리즘  (0) 2022.07.25

티스토리툴바