If문

heehe·2023년 2월 5일
0

JavaScript

목록 보기
4/8
post-thumbnail

if문 :

아래와 같이 조건 케이스를 처리하는 데 쓴다.

if(조건){
    조건이 true일 경우 들어옴
}else if(또 다른 조건){
    조건이 true일 경우 들어옴
}else if(또 다른 조건){
    조건이 true일 경우 들어옴 
}else {
    모든 조건이 false인 경우 들어옴 
}
let age = 22
let licence = true

if(age > 20){
  if(licence == true){
    console.log("운전이 가능합니다.")
  }else {
    console.log("면허를 따세요")
  }
} 
else{
  console.log("운전 불가능합니다.")
}
  • if문에 if는 필수 else if는 추가조건으로 조건이 여러개일때 넣어줄 수 있다. else도 필수로 들어가진 않으나 모든조건이 충족하지 않을시에 실행하는 코드에 대해서 넣어준다.
  • if문은 범위 작은것부터 큰거 순으로 둬야한다.

범위 표현

내가 1~10사이라는 조건을 표현하고 싶을때는 반드시 &&연산자를 써줘야 한다(변수 = 관계연산자 참고)

let number = 2

if(number < 0){
   console.log("음성입니다")
}else if(number > 0){
  console.log("양성입니다")
 }else{
   console.log("0입니다")
}
if(90<=score && score<=100){
  grade = "A"
}else if(80<=score && score<=89){
  grade = "B"
}else if(70<=score && score<=79){
  grade = "C"
}else if(60<=score && score<=59){
  grade = "F"
}else{
  console.log("잘못된 범위의 점수입니다.")
}
console.log(grade)
let skills = ["HTML","CSS","Javascript","React"]

if(skills.includes("Javascript")&&skills.includes("React")){
  console.log("합격")
}else if(skills.includes("Javascript") || skills.includes("React")){
  console.log("예비")
}else{
  console.log("탈락!")
}

switch

  • 조금더 간결하고 의미가 명확해 보인다는 장점이 있음
  • case가 값으로 딱 정해진 경우에만 사용가능
  • 조건이 비교식일 경우 사용 불가
let food = '햄버거'
switch(food){
    case '피자':
        console.log("피자를 주세요")
        break;
    case '햄버거':
        console.log("햄버거를 주세요")
        break;
    default:
        console.log("메뉴에 없는 음식입니다")
}
  • case마다 break를 넘겨줘야하는 이유는 그렇지 않으면 밑에 케이스도 다 들르기 때문이다
  • default는 else처럼 매칭되는 case가 없을때 실행이 된다.

삼항연산식

  • if문을 간단하게 표현할 수 있다.
  • 조건에 따라 실행하는 내용이 한가지일때 쓰기 좋다
  • 조건에따라 실행하는 내용이 다르다
  • 조건식? 참일때 : 거짓일때 = (조건문) ? 참 : 거짓)
let food = '햄버거'

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

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

0개의 댓글