TIL 5 | 반복문

✏ 반복문 기초

아래와 같이 같은 코드가 반복되는 것을 지양해야 한다.

//1. console.log('Hello Dabin!')
console.log('Hello Dabin!')
console.log('Hello Dabin!')
console.log('Hello Dabin!')
console.log('Hello Dabin!')
console.log('Hello Dabin!')

//2. 함수 선언 후 5번 실행
function sayHelloToDabin () {
  console.log('Hello Dabin!')
}

sayHelloToDabin()
sayHelloToDabin()
sayHelloToDabin()
sayHelloToDabin()
sayHelloToDabin()

✏ 반복문

동일한 동작을 조건을 만족할 때 가지 반복해서 수행한다.

for (let step = 0; step < 5; step++){
  console.log ('Hello Dabin!')
} // step 대신 i를 사용하기도 한다.
/*
for (초기 상태; 조건; counter변화) {
	수행할 동작
}
*/

1부터 10까지 1씩 더해가며 출력하기

for (let i = 1; i < 11; i++) {
  console.log(i)
}

for (let i = 0; i<10; i++) {
  console.log(i + 1)
}

✏ For loop & array

빈 배열 myArray에 100부터 110까지 요소를 추가하기

let myArray = []

//반복적으로 100부터 100까지 .push
for (let i = 100; i < 111; i++) {
  myArray.push(i)
}
console.log(myArray)

Array의 요소를 순회하며 콘솔에 출력하기

let colors = ['red', 'blue', 'orange', 'black']

for (let i = 0; i < 4; i++) {
  console.log(colors[i])
}

/*
"red"
"blue"
"orange"
"black"
*/

number로 이루어진 Array의 요소를 순회하며 1씩 더하여 콘솔에 출력하기

let myNumbers = [10, 20, 30, 40]

for (let i = 0; i < 5; i++) {
  console.log(myNumbers[i] + 1)
}
/*
11
21
31
41
*/

Array의 길이만큼 순회하기

array에 변화가 생기면 for문도 수정해야해서 비효율적이다. 따라서 .length를 사용하여 작성하는 것이 편하다.

let myNumbers = [10, 20, 30, 40]

for (let i = 0; i < myNumbers.length; i++) {
  console.log(myNumbers[i] + 1)
}

✏ 오늘의 꿀tip

i++ / i = i + 1 / i += 1 / ++1

• i++은 i = i+1 을 줄여서 쓴 것. i += 1 로 표현할 수 있다.
• i++는 ++1로 표현할 수 있습니다.

getAllLetters

function getAllLetters(str) {
  let strArray = [];
  for (let i = 0; i < str.length; i++) {
    strArray.push(str[i]);
  }
  return strArray;
}

hello bot

//처음보는 사람은 0, 봤던 사람은 1로 표현된 배열이 준비되어 있다.
//처음 본 사람에게는 안녕하세요, 봤던 사람에게는 또 만나네요 
//라는 인삿말을 남기는 인사봇을 만들어보자. 
const helloBot = people => {

  let result = [];

  for(let i = 0; i < people.length; i++){
    if(people[i] == 0){
      result.push('안녕하세요')
    }
    else {
      result.push('또 만나네요')
    }
  }
  return result
}