< 삼항연산자 >
삼항연산자는 자바스크립트에만 있는 오퍼레이터(연산자)이다. 삼항연산자는 < 원하는 조건 ? 이 부분은 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
'Javascript' 카테고리의 다른 글
[Javascript] 자바스크립트 String | repeat( ) 메소드 (0) | 2022.01.17 |
---|---|
[Javascript] 자바스크립트 String | match( ) 메소드 (0) | 2022.01.17 |
[Javascript] 자바스크립트 Array | ForEach() 메소드 (0) | 2022.01.16 |
[Javascript] 자바스크립트 Array | reduce() 메소드 (0) | 2022.01.16 |
[Javascript] 자바스크립트 Array | fill() 메소드 (0) | 2022.01.16 |