1. 삼항 연산
삼항 연산은 이름 그대로 세 개의 항을 이용해 결과를 반환하는 연산이다.
보통 if문의 단축 형태로 사용되기 때문에, 삼항 조건 연산식이라고도 부른다.
//구문
조건식 ? 참일_경우의_결과 : 거짓일_경우의_결과
• 조건식 : 조건 역할을 하는 표현식
• 참일_경우의_결과 : 조건식의 결과가 참일 경우 반환될 결과
• 거짓일_경우의_결과 : 조건식의 결과가 거짓일 경우 반환될 결과
ex) 3>2 ? "참" : "거짓"2. 실습
1) html 코드
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE-edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>자바스크립트 실습</title>
</head>
<body>
<select>
<option value="foot" selected>축구</option>
<option value="base">야구</option>
<option value="basket">농구</option>
</select>
<button>PICK</button>
<script src="script.js"></script>
</body>
</html>2) js 코드
let result;
result = 3<2 ? "true" : "false"
console.log(result)
const select = document.querySelector('select')
const button = document.querySelector('button')
button.addEventListener('click', function(){
console.log(select.value)
let result;
result = select.value == "foot" ? "축구를 선택했네요" : "축구를 선택하지 않았네요"
alert(result)
})3) 결과
블로그 이전했습니다 -> https://young-code.tistory.com