티스토리 뷰

항해

1주차_9(JAVASCRIPT-반복문)

타올이 2021. 12. 6. 22:09
반응형

변수/자료형/함수/조건문/반복문

※오타 주의!!!! 오타 작렬하는 곳

예를 들어 0부터 99까지 출력해야 하는 상황이라면!

console.log(0)

console.log(1)

console.log(2)

console.log(3)

console.log(4)

console.log(5)

...

console.log(99)

// 이렇게 쓰기엔 무리가 있겠죠? 그래서, 반복문이라는 것이 존재합니다!

반복문을 이용하면 아래와 같이 단 세줄로, 출력할 수 있습니다.

for (let i = 0; i < 100; i++) {

     console.log(i);

}


for (1. 시작조건; 2. 반복조건; 3. 더하기) {

    4. 매번실행

}

1 -> 2체크하고 -> (괜찮으면) -> 4 -> 3

-> 2체크하고 -> (괜찮으면) -> 4 -> 3

-> 2체크하고 -> (괜찮으면) -> 4 -> 3

-> 2체크하고 -> (괜찮으면) -> 4 -> 3

와 같은 순서로 실행됩니다. i가 증가하다가 반복조건에 맞지 않으면, 반복을 종료하고 빠져나옵니다

 

그러나 위처럼 숫자를 출력하는 경우보다는, 반복문은 주로 리스트와 함께 쓰입니다. 아래 예시를 볼까요? 일단 아래를 복사 붙여넣기 하고, 함께 코딩해볼게요

[코드스니펫] 반복문 예제1

let people = ['철수','영희','민수','형준','기남','동희']

// 이렇게 하면 리스트의 모든 원소를 한번에 출력할 수 있겠죠?

// i가 1씩 증가하면서, people의 원소를 차례대로 불러올 수 있게 됩니다.

for (let i = 0 ; i < people.length ; i++) {

  console.log(people[i])

}

리스트도 그냥 리스트가 아닙니다! 딕셔너리가 들어간 리스트와 찰떡이죠 다시 아래를 복사 붙여넣기 해볼까요?

[코드스니펫] 반복문 예제2

let scores = [

    {'name':'철수', 'score':90},

    {'name':'영희', 'score':85},

    {'name':'민수', 'score':70},

    {'name':'형준', 'score':50},

    {'name':'기남', 'score':68},

    {'name':'동희', 'score':30},

]

for (let i = 0 ; i < scores.length ; i++) {

   console.log(scores[i]);

}

// 이렇게 하면 리스트 내의 딕셔너리를 하나씩 출력할 수 있고,

for (let i = 0 ; i < scores.length ; i++) {

   if (scores[i]['score'] < 70) {

    console.log(scores[i]['name']);

  }

}

// 이렇게 하면 점수가 70점 미만인 사람들의 이름만 출력할 수도 있습니다.

수업

let scores = [

    {'name':'철수', 'score':90},

    {'name':'영희', 'score':85},

    {'name':'민수', 'score':70},

    {'name':'형준', 'score':50},

    {'name':'기남', 'score':68},

    {'name':'동희', 'score':30},

]

 

for (let i = 0; i < scores.length; i++) {

     let name = scores[i]['name']

     let score = scores[i]['score']

     if ( score < 70) {

     console.log(name,score)

    }

}

//이게 가장 많이 쓰는 패턴

반응형

'항해' 카테고리의 다른 글

2주차_1(JAVASCRIPT-복습)  (0) 2021.12.07
1주차_10(JAVASCRIPT-연습)  (0) 2021.12.07
1주차_8(JAVASCRIPT-조건문)  (0) 2021.12.06
1주차_7(JAVASCRIPT-함수)  (0) 2021.12.06
1주차_6(JAVASCRIPT-변수)  (0) 2021.12.06
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
«   2025/05   »
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
링크
글 보관함