• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 JavaScript, TS 게시판 Level3 쇼핑몰 상품진열기능만들기에서

Level3 쇼핑몰 상품진열기능만들기에서

  • 이 주제에는 4개 답변, 2명 참여가 있으며 samuelJo3 년, 3 월 전에 전에 마지막으로 업데이트했습니다.
5 글 보임 - 1 에서 5 까지 (총 5 중에서)
  • 글쓴이
  • #28132

    samuelJo
    참가자

    8분 45초에 보면 
    1)  $('.title').eq(0).html(products[0].title);
    이렇게 0 1 2 하드코딩말고 for문을 사용해서 

      2)for (let i = 0; i <= products.length; i++) {
        $('.title').eq(i).html(products[i].title);
      $('.price').eq(i).html(products[i].price);
     }

    이렇게 작성을 해봤습니다.

    2)로 작성시 콘솔창에 에러가 발생하는데 

    cart.html:86 Uncaught TypeError: Cannot read properties of undefined (reading 'title')

    이렇게 발생합니다. 

    내용은 제대로 잘나옵니닷!..

    #28144

    codingapple
    키 마스터

    products[0]이 아무것도 없다는 뜻같은데 products 변수가 위에 잘 있는지 확인해봅시다 

    #28153

    samuelJo
    참가자

       var products = [
            { id : 0, price : 70000, title : 'Blossom Dress' },
            { id : 1, price : 50000, title: 'Springfield Shirt' },
            { id : 2, price : 60000, title: 'Black Monastery' }
          ];
          
           for (let i = 0; i <= products.length; i++) {
        $('.title').eq(i).html(products[i].title);
      $('.price').eq(i).html(products[i].price);
     }

    코드는 이렇게 작성되어있습니다 변수선언을 잘해준것같은데 헷갈립니다!

    이거는 product[0].title 을 console에 쳤을때입니다.

    #28187

    codingapple
    키 마스터

    반복문이 4번 돌고있어서 그랬군요 3번만 돌게 바꿔봅시다 

    #28252

    samuelJo
    참가자

    앗 감사합니다 !!! 

5 글 보임 - 1 에서 5 까지 (총 5 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠