본문 바로가기

Javascript

[Javascript] 자바스크립트 | 삼항연산자

728x90

< 삼항연산자 >

삼항연산자는 자바스크립트에만 있는 오퍼레이터(연산자)이다. 삼항연산자는 < 원하는 조건 ? 이 부분은 truthy한 값이면 실행됨 : 이 부분은 falsy한 값이면 실행됨.> 이런식으로 ? : 기호와 함께 세 부분을 비교하게 된다. 삼항연산자는 if...else 구문 대신으로 많이 쓰인다.

 

 

Syntax (문법)

 

variablename = (condition) ? value1:value2

 

 

 

 

 

< reduce( )와 삼항연산자를 같이 활용해보기  >

- 홀짝 구하기

 

 

num5 배열에는 [1,2,3,4,5,6,7,8]이 들어가있다. 그리고 이 숫자들이 홀수인지 짝수인지를 알아보기로 한다. 여기서 reduce()를 사용하여 숫자들을 훑으면서 가져와서 누적값에 넣어보자. 이때 숫자를 훑을 때 홀수인지 짝수인지 검사를 하고 넣어야한다. if..else 구문을 쓸 수도 있지만 삼항연산자를 함께 이용할 수도 있다. cur%2, 즉 현재값을 2로 나눈 값의 나머지이다. 만약 나머지가 1이라면 true, 0이라면 false일 것이다. 따라서 삼항연산자 구문의 : 에서 적는 순서를 본다면, '홀수' : '짝수' 로 적어야한다. 홀수 일 때 나머지가 1이 나올 것이고 이것은 true이기 때문이다. 그리고 이것을 acc(누적값)에 push 넣어준다. 그리고 acc를 result로 return(돌려준다.) 그리고 이것을 배열에 넣을 것이기 때문에 let result = num5.reduce(( )=>{ }, [ ] ); 여기 마지막 부분에 [ ] 빈배열을 넣어준다. 그러면 [ ] 를 초기값으로 배열에 넣어준다는 의미가 되기 때문이다. 그래서 누적값에 다 넣고 result를 출력해보면 배열안에 홀,짝이 잘 출력된다. 

 

 

 

 

 

 

 

 

- 삼항연산자 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Conditional_Operator

-  Conditional (ternary) operator https://www.w3schools.com/js/js_comparisons.asp 

728x90