[JS] 조건문 if, else 그리고 else if

devCecy·2020년 11월 27일
1
post-thumbnail

if와 else 그리고 else if

조건문 If와 else 그리고 else if를 사용해 특정 조건을 만족할 경우 특정 작업이 수행되도록 마법을 부릴 수 있다.

1. 기본 문법

조건1이 참일경우 내용1을 실행하며, 거짓일 경우 내용2를 실행한다.

if (조건1) {
  내용1
} else {
  내용2
}

조건1이 참일경우 내용1을 실행하고, 조건2가 참일경우 내용2를 실행한다.

if (조건1) {
  내용1
} else if (조건2) {
  내용2
}

조건1도, 조건2도 참이 아니라면 내용3을 실행하게 된다.

if (조건1) {
  내용1
} else if (조건2) {
  내용2
} else {
  내용3
}

2. 친구를 찾는 코드 8줄

prompt함수를 이용해 나이를 입력할 수 있는 창을 띄우고, 동갑인 '28'이 입력되면 친구하자고 수줍게 말해볼 수 있다..☺️

var age = prompt('당신의 나이를 알려주세요!', '숫자만 적어주세요.');
if ( age < 28 ){
  document.write('<p>예쁜 나이군요!</p>');
} else if ( age == 28 ) {
  document.write('<p>저랑 친구해요!</p>');
} else {
  document.write ('<p>인생 선배시군요!</p>');
}

오늘의 생각

  1. if, else 조건문이 간단해보여 참고하던 예제에서 조금 변형한 뒤 직접 실행해보니 실행이 안됐다. 골고루 alert를 띄우기 위해 조건을 내 입맛대로 변경한 탓이였다. 무언가 지저분해진 느낌도 받았다. 간단해 보이지만 if 안에 들어갈 조건을 잘 정하는 것도 중요하구나 싶었다.
  2. 아, 또 한참 오류를 찾아 헤맸는데 { 하나를 열어 주지 않음이 문제였다. 사람은 외로워도 괄호는 외로우면 안된다는 것을 다시한번 기억하자.
  3. 친구를 찾는 조건문으로 만들다보니 문자열을 입력 할 수 있는 prompt함수를 발견했는데 alert만 띄우던 얼럿쟁이가 창을 띄워보니 매우 기쁘다. 코딩은 재밌다. 👻

추가 공부 할 것

if 안의 조건 깔끔하게 설정하는 법.

참고한 링크

https://www.zerocho.com/category/JavaScript/post/57341dc4bc39b6f20be67b6f
https://www.codingfactory.net/10440

profile
🌈그림으로 기록하는 개발자🌈

0개의 댓글