Return to Video

For-In Loops Quiz - JavaScript Basics

  • 0:00 - 0:04
    마지막은 for-in loop인데요
  • 0:04 - 0:08
    배열과 객체를 반복시켜줍니다
  • 0:08 - 0:09
    문법 형태는 이렇고
  • 0:09 - 0:11
    키워드는 for로 같습니다
  • 0:11 - 0:14
    여기 반복자가 있는데
    어떤 이름이든지 상관없습니다
  • 0:14 - 0:16
    키워드 in이 있고
  • 0:16 - 0:19
    반복하고 싶은 객체나 배열이 있네요
  • 0:19 - 0:22
    객체에 있는 각 항목에
    무언가 실행시키려면
  • 0:22 - 0:27
    소괄호에 루프 조건을 넣고
  • 0:27 - 0:30
    실행하고 싶은 명령을 중괄호에 넣어주세요
  • 0:30 - 0:32
    중요한 점은
  • 0:32 - 0:36
    반복자가 객체의 인덱스에 부여된 값이 아니라
  • 0:36 - 0:40
    인덱스 자체라는 것입니다
  • 0:40 - 0:41
    예시를 볼까요
  • 0:41 - 0:43
    countries라는 배열이 있네요
  • 0:43 - 0:46
    안에 2014 월드컵의 상위 네 팀이 있어요
  • 0:46 - 0:49
    배열 내의 항목을 반복해줄
    for-in loop가 있습니다
  • 0:49 - 0:53
    countries 배열에 있는 각 country에서
    country를 console.log 할 거예요
  • 0:53 - 0:54
    이봐요 제임스
  • 0:54 - 0:56
    뭔가 이상하지 않나요?
  • 0:56 - 0:59
    >>이 코드는 나라 이름이 아니라
  • 0:59 - 1:01
    0부터 3을 출력할 거예요
  • 1:01 - 1:01
    >>왜죠?
  • 1:01 - 1:04
    >>country는 countries에서
  • 1:04 - 1:06
    실제 값이 아닌 반복자이기 때문이죠
  • 1:06 - 1:08
    >>그렇네요 그럼 바꿔볼까요?
  • 1:08 - 1:12
    console.log(countries[country]);가 필요합니다
  • 1:12 - 1:13
    맞는지 확인해보죠
  • 1:13 - 1:16
    한 줄의 for-in loop가 있어요
  • 1:16 - 1:19
    Shift와 Enter 키를 눌러
    보기 좋은 형식으로 바꿔볼게요
  • 1:19 - 1:24
    for (country in countries) { console.log(countries[country]) };가 보이네요
  • 1:24 - 1:25
    엔터를 누르면
  • 1:25 - 1:28
    독일, 아르헨티나, 브라질, 네덜란드가 보입니다
  • 1:28 - 1:32
    >>이미 가지고 있는 work 객체에서
  • 1:32 - 1:36
    work 객체의 직업을 반복하고
  • 1:36 - 1:41
    newHTMLworkStart의 항목에 .append() 할 수 있는
    for-in loop를 작성해보세요
  • 1:41 - 1:46
    그리고 HTMLworkEmployer로 각 직업의 고용주를
  • 1:46 - 1:52
    HTMLworkTitle로 각 직업의 직책을 형식에 맞춘 다음
    모두 페이지에 .append()해주세요
  • 1:52 - 1:53
    끝나면 박스를 클릭해주세요
タイトル:
For-In Loops Quiz - JavaScript Basics
概説:

more » « less
Video Language:
English
Team:
Udacity
プロジェクト:
ud804 - Javascript Basics
Duration:
01:54

Korean subtitles

改訂