[inflearn] javascript: if와 삼항연산자

eve·2023년 2월 8일
0

frontend

목록 보기
30/40

1. if문 기본 구조

<script>
if(true){
  document.write('실행') // -> '실행'
}
</script>



2. else

<script>
  if(false){
  document.write('실행') 
}
</script>
  else{
    document.write('실행'); // -> '실행'
  }
</script>

if문 다음에 작성하는 else문이다. if문이 false면 실행된다.



3. elseif

let score = 89;
let money = 1000;
if (score > 90){
  document.write('고득점!'); // 90점 이상 10만원 획득
  money += 100000

if (score > 80){
  document.write('낫배드'); // 80점 이상 1만원 획득
  money += 10000
  
if (score > 70){
  document.write('오호라'); // 70점 이상 천원 획득
  money += 1000

  document.write(money) // -> '고득점오호라12000'이 출력됨

위의 코드에서 점수는 89점이므로, 80점 이상인 조건을 만족한다.
그러나 if문만을 사용하면, 다른 중첩되는 조건이 생긴다.
두번째 if와 세번째 if를 else if로 바꿔주면 해결된다.



4. 삼항연산자

let x = 3;
x == 3? A : B;

만약 x가 3이라면 A를 실행하고, 3이 아니라면 B를 실행하라는 의미이다.
다음과 같이 변수에도 할당할 수 있다.

let result = x == 3? 200:100; // -> 200 출력

result라는 변수에 200이라는 값을 할당하게 된다.
또는 조건에서 변수를 언급할 수 있다.

score > 90 ? money += 100000 : money = 0

90점이 넘을 경우, 돈을 10만원 받는 조건이다. else if를 추가해보자.

score > 90 ? money += 10000 :
score > 80 ? money += 10000 :
score > 70 ? money += 100000 : money = 0

첫번째 조건에 부합하지 않을 경우, 다음 조건으로 넘어가게 된다.

profile
유저가 왜 그랬을까

0개의 댓글