본문 바로가기

자바스크립트

JavaScript 구문 - 조건문과 반복문

 

 

if

// if
if( 조건 ){
    // 조건이 참일 경우 실행
}


// if - else
if( 조건 ){
    // 조건이 참일 경우 실행
}else{
    // 조건이 거짓일 경우 실행
}


// if - else if - else
if( 조건1 ){
    // 조건 1이 참일 경우 실행
} else if( 조건2 ){
    // 조건 1이 거짓이고, 조건 2가 참일 경우 실행
} else {
    // 조건 1과 조건 2가 모두 거짓일 경우 실행
}

   - 조건구문입니다.

   - 해당 조건에 성립되지 않는 값을 따로 조건으로 걸 경우 else를 사용합니다.

   - else 뒤에 if를 붙인 else if 구문을 통해 앞의 조건에 속하지 않으면서 추가 조건을 걸 수도 있습니다.

 

 

 

 

 

switch

// switch 구문
// switch(조건){
//     case 값 : 
//         코드
//         break;
// }

const fruit = '사과'
let price = ''
switch(fruit) {
    case '딸기' : 
        price +='18000원'
        break
    case '사과' :
        price +='8000원'
        break
    case '오렌지' :
    case '포도 :
        price +='9000원'
        break
    default : 
        price +='물건이 존재하지 않습니다'
}

console.log(fruit+'는 '+price)

   - 조건과 분기를 나타내는 case, 분기의 종료를 의미하는 break로 구성됩니다.

   - 해당 조건이 되는 데이터값에 해당하는 case를 실행하며, break가 나올때까지 다음 case로 넘어갑니다.

 

 

 

 

 

for

// for문
// for(초기값 ; 조건 ; 증감조건){
//     구문
// }


// 예시
// 초기값 i=0
// 조건   i<10이 거짓이 될때까지 실행
// 증감조건 i++, i는 실행할때마다 1씩 증가
for(let i=0;i<10;i++){
    console.log(i)
}

   - 반복 구문입니다.

   - 초기값, 조건, 증/감조건 세가지로 구성됩니다.

   - 초기값부터 조건에 false가 될때까지 증/감 조건에 따라 값을 변화시킵니다.

   - 중간에 break를 추가하여 반복 도중에 정지시킬 수 있습니다.

   - 중간에 continue를 사용하면 바로 다음 반복으로 넘어갈 수도 있습니다.

 

 

 

 

 

while

let value = 3

// 3과 4가 출력됩니다.
while(value<5){
    console.log(value++)
}


// value = 5 에서 바뀌지 않으므로 무한히 실행됩니다.
while(value<6){
	console.log('반복')
}

   - 반복 구문입니다.

   - for문과 달리 조건구문만 존재하며, 조건에 false가 될때까지 반복합니다.

 

 

 

 

 

 

for of, for in

const fruits = ['Apple','Banana','Cherry','Durian']

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

// 위와 같은 작업을 for of 를 사용해 간단하게 사용할 수 있습니다.
for(const fruit of fruits){
    console.log(fruit)
}

// 객체 데이터는 for in을 사용합니다.
const user = {
    name: 'Thomas',
    age: 15,
    isValid: true,
    email: 'Thomas123@abc.cde',
}

for(const info in user){
    console.log(info, user[info])
}

   - for 문을 돌릴때, 배열데이터에서 내부 데이터를 직접 사용할 때 이용합니다.

   - for of 를 사용하여 인덱싱없이 값을 가져올 수 있습니다.

   - 객체 데이터는 for in을 사용하며, 객체 데이터의 key값을 가져옵니다.