자바스크립트 - 반복문(Loop)

더미벨·2022년 5월 9일
1

반복문(Loop)


  • 동일한 동작을 조건을 만족할 때까지 반복해서 수행
  • 개발자는 코드의 중복을 지양해야한다

for문

:for(초기값; 조건; 코드 실행 후 작업) { 반복할 코드}

for (let i = 0; i < 10; i++) {
	console.log(i)
} // 0, 1, 2, 3, 4, 5, 6, 7, 8, 9

while문

‘주어진 조건이 참일 동안에 구문을 반복’

while(조건) {      //여기서 조건은 boolean을 반환하거나, boolean으로 해석될 수 있는 표현식.
	반복해서 실행할 코드
}
let number = 1
//number가 3보다 작은 동안에 반복해라
while(number < 3) {
	console.log(number) // 출력한 다음
	number += 1// number를 1씩 증가 
} // 1 2 출력.
//number가 3이되면 조건은 false가 되므로 while문이 끝난다.

반목문과 배열(For Loop & Array)

let myArray = []
for (let i = 100; i <= 110; i++) {
	myArray.push(i)
}
console.log(myArray) // [100, 101, ..., 110]
let colors = ['red', 'blue', 'orange', 'pink']

for (i = 0; i <=3; i++) {
	console.log(cololrs[i])
} // red blue orange pink 순서대로 출력

#다차원 배열에 for문 적용하기

//곰팡이만 제거해보자!
let basket = [['양파','곰팡이'],['곰팡이','빵','딸기잼'],['귤','곰팡이','사과']];
function removeGerm(arr) {
    for( let i=0; i < arr.length; i++) {
        for(let j =0; j <arr[i].length; j++){
            if(arr[i][j] === '곰팡이') {
                arr[i].splice(j, 1)
            }
        }
    }
    return arr
}
removeGerm(basket) // [ [ '양파' ], [ '빵', '딸기잼' ], [ '귤', '사과' ] ]

#조건문과 반복문 활용하여 인사봇 만들기
처음 만난 사람은 0, 이전에 만난 적이 있는 사람들은 1의 값으로 배열을 구성하고, 처음 만난 사람에게는 '안녕하세요', 만난 적이 있는 사람에게는 '또 만나네요'라는 문자가 출력되는 함수 만들기.

let group1 = [0, 1, 1, 0, 0]
const helloBot = people => {
    let arr = []
    for(let i = 0; i < people.length; i++) {
        if(people[i] === 0) {
            arr.push('안녕하세요')
        } else {
            arr.push('또 만나네요')
        }
    }
    return arr
}
helloBot(group1) // ['안녕하세요','또 만나네요','또 만나네요','안녕하세요','안녕하세요']
profile
프론트엔드 개발자👩‍💻

0개의 댓글