[JavaScript] 자바스크립트 비교연산
- 웹/자바스크립트
- 2021. 7. 10.
JAVASCRIPT / 비교연산
JavaScript의 비교연산 (자바와의 차이점)
- 자바스크립트의 비교연산은 자바와 거의 비슷하지만 다른것들이 몇가지 있다.
- ==, != : 값이 일치(불일치) 하면 true
- ===, !== : 값과 타입이 모두 일치(불일치)해야 true
예제
console.log('1 == 1 ? ', 1 == 1); // true
console.log('1 == \'1\' ?', 1 == '1' ); // true
console.log('1 == 2 ? ' , 1 == 2); // false
console.log('--------------------')
console.log('1 === 1 ? ', 1 === 1 ); // true
console.log('1 === \'1\' ?', 1 === '1'); // false
console.log("1 !== '1' ? ", 1 !== '1'); // true
console.log('--------------------');
console.log("'' == 0 ? ", '' == 0) // true
console.log("'' === 0 ? ", '' === 0) // false
자바와 제일 다른점은
1 == '1' // -> true
'' == 0 // -> true
요런것들 처럼 타입이 달라도 값이 같을경우 true가 될 수가 있는 경우가 가장 큰 차이인 것 같다.
JavaScript 삼항연산자
if문을 축소시킨 연산자로 간단한 연산이 필요한 경우에 사용하기 좋다.
예제
const a = 123;
if(a % 2 == 0){
console.log("짝수");
}else{
console.log("홀수");
}
위의 코드를 삼항연산자로 작성하면 아래처럼 된다.
console.log(a % 2 == 0 ? "짝수" : "홀수")
'웹 > 자바스크립트' 카테고리의 다른 글
[JavaScript] 자바스크립트 문자열 메소드 (0) | 2021.07.13 |
---|---|
[JavaScript] Node 객체 (0) | 2021.07.12 |
[JavaScript] element.style.property / HTML요소의 스타일 변경 (0) | 2021.07.09 |
[JavaScript] element.getAttribute / 요소의 속성값에 접근 (0) | 2021.07.09 |
[JavaScript] element.attribute / HTML요소를 변경하는 방법 (0) | 2021.07.09 |