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값을 가져옵니다.
'자바스크립트' 카테고리의 다른 글
JavaScript 함수 - 호이스팅(Hoisting)과 추상화(Abstraction) (0) | 2024.04.10 |
---|---|
JavaScript 함수 - 기명함수와 익명함수 (0) | 2024.04.10 |
JavaScript 연산자 (0) | 2024.04.06 |
JavaScript 데이터 - 데이터 타입 확인과 형변환 (0) | 2024.04.05 |
JavaScript 데이터 - 참과 거짓 (0) | 2024.04.03 |