공부 일지(개발)/JAVASCRIPT

JAVASCRIPT 독학 (4일차)｜웹 개발자 준비

inzero98 2025. 2. 13. 14:46
반응형

1. switch문

  • 조금 더 간결하고 의미가 명확해 보인다는 장점이 있다.
  • case가 값으로 딱 정해진 경우에만 사용이 가능하다.
  • 조건이 비교식일 경우에는 사용이 불가능하다.
let food = '햄버거'
switch(food){
    case '피자':
        console.log("피자를 주세요")
        break;
    case '햄버거':
        console.log("햄버거를 주세요")
        break;
    default:
        console.log("메뉴에 없는 음식입니다")
}

case마다 break를 넘겨줘야 하는 이유 : 넘겨주지 않을 경우 밑에 case도 다 들르기 때문

default는 if문의 else처럼 매칭되는 case가 없을 때 실행이 된다.

 

 

 

2. 삼항 연산자

  • if문을 간단하게 표현할 수 있다.
  • 조건에 따라 실행하는 내용이 한가지일 때 사용하기 좋다.
  • 조건에 따라서 실행하는 내용이 다르다.
  • 조건식? true : false
let food = '햄버거'
let answer = food == '햄버거'? '햄버거 좋아':'햄버거 싫어'


// 연산식을 붙여서 더 많은 조건 표현도 가능하다
let food = '햄버거'

if(food == '피자'){
  console.log('피자좋아')
}else if(food == '햄버거'){
  console.log('햄버거 좋아')
}else{
  console.log("다 싫어")
}


// 위의 if문을 삼항연산자로 표현하면 
let answer = food =="피자"?"피자좋아":food == '햄버거'?'햄버거 좋아':"다 싫어"
console.log(answer)

 

 

3. for문 (반복문)

  • for문은 정확히 몇번 회전해야 되는지 범위을 알 때 사용한다.
  • while은 주로 정학한 범위가 아닌 상태에 따른 반복일 때 사용한다.
//for문은 배열과 자주 사용한다.
//예를들면

let fruit = ["apple", "mango", "banana", "orange"]

for(let i = 0; i < fruit.length; i++){
/*length : 길이 / 배열에서 주는 속성값중 하나
fruit.length : fruit라는 배열의 길이값을 반환
배열의 길이 == 배열 안에 있는 아이템 개수 */
	console.log(fruit[i])
}

 

 

이중 반복문

  • for문 안에 for문을 또 사용할 수 있다.
  • 예를 들어 구구단을 2단부터 만들어보자
for(let i = 2; i <= 9, i++){
	for(let j = 1; j <= 9, j++){
		console.log(i+ "*" +j+ "=" +i*j)
	}
}

위 코드를 실행하면 i는 2로 시작되며 그 안에 있는 j의 for문으로 j인 1~9까지 곱하게 된다.

그 후 j의 for문이 끝나서 나오면 다시 i의 for문이 시작되며 i는 2에서 3으로 ++되고 다시 j의 반복문이 실행되는 방식이다.

 

for문은 이중 뿐만 아니라 삼중, 사중 등등 계속해서 만들 순 있다.

하지만! for문을 너무 많이 돌리면 프로그램(컴퓨터) 성능에 좋지 않다.

 

4. while문

  • for문과 똑같지만 while문은 조건이 하나만 들어간다.
let i=2
while(i<10){
	console.log("while문 실행", i)
    i++;
}

 

 

for문과 while문의 차이점

  • for문 : 내가 정확히 얼만큼 for문을 돌리고 싶은지 범위를 알고 있을 때 사용
  • while문 : 내가 정확히 얼만큼의 범위를 줄 수 없지만 어떠한 순간까지 반복문을 돌리고 싶을 때 사용

 

break : 반복문의 탈출구

반복문이 끝나기 전에 탈출(종료)하고 싶다면 break를 사용하면 된다.

예시)

for(let i=1;i<=10;i++){
  console.log(i)
}// 다음과같은경우 1부터 10까지 전부 출력이 된다

for(let i=1;i<=10;i++){
  console.log(i)
  if(i%7==0){
    console.log("7의 배수입니다")
    break;
  }
}// 이와 같이 할 경우에 7이후는 프린트가 되지 않을 것이다.
// 왜냐면 7로 나뉘어지는 순간 if문 안에 break가 있기 때문이다.

 

무한 반복

  • 어떤 것을 무한으로 반복하고 싶은 경우에 사용
  • 단! 브라우저가 과부하로 멈출 수 있으니 주의!!
  •  
for(;;){
    console.log("for문의 무한 반복")
}

while(true){
    console.log("while문의 무한 반복")
}

 

 

array.length

  • 모든 배열이 가지고 있는 기본 속성
  • 배열의 길이값을 반환(배열의 아이템 개수)
  • for문을 이용해서 배열을 검사할 때 배열의 아이템을 수를 직접 세서 쓸 필요없다.
    → for(let i=0; i<array.length; i++)를 하면 알아서 배열의 시작부터 끝까지 돌게된다.
반응형