[JS] 조건문과 반복문

# if 문

• 기본형식

const name = 'customer'

if (name === 'admin') {
	console.log('관리자님 환영해요')
} else if (name === 'customer') {
	console.log('고객님 환영해요')
} else {
	console.log(`반갑습니다. ${name}님`)
}

• 조건(삼항) 연산자: if 문을 간단하게

const func1 = function (person) {
	if (person > 17) {
    	return 'Yes'
    } else {
    	return 'No'
    }
}
// 위의 코드를
const func2 = function (person) {
	return person > 17? 'Yes' : 'No'
}
// 이렇게 줄일 수 있음

 

 

# 반복문

1. while문

let i = 0
while (i < 6) {
  console.log(i)
  i += 1
}

2. for문

(1) 기본

괄호 안에 초기문, 조건문, 실행문

for (let i = 0; i < 6; i++) {
  console.log(i)
}	// 0 ~ 5까지

(2) for in

객체의 열거 가능한 속성에 대해 반복

const fruits = { a: 'apple', b: 'banana' }
for (const property in fruits) {
  console.log(property)   // a, b
  console.log(fruits[property])   // apple, banana
}

(3) for of

반복 가능한 객체(배열, 문자열 등)에 대해 반복

const numbers = [0, 1, 2, 3]
for (const number of numbers) { 
  console.log(number)  // 0, 1, 2, 3
}

▶ 둘이 뭐가 다름..?

배열에서 배열의 키는 인덱스..

for in 은 인덱스를 쓰고, for of 는 배열의 값을 사용한다

근데, for in 에서 인덱스는 무조건 순서대로 나온다? NO... 보장할 수 없음

그래서 인덱스 순서가 중요한 배열에서는 for in을 사용하지 않음

즉, 배열에서는 for이나 for of만 사용

const arr = ['a', 'b', 'c']

// for in
for (const i in arr) {
  console.log(i) // 0, 1, 2
}

// for of
for (const i of arr) {
  console.log(i) // a, b, c
}