<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>연산자 테스트</title>
</head>
<body>
<button type="button" onclick="testOperator()">테스트버튼</button>
<script type="text/javascript">
function testOperator() {
let name1 = "수요일";
let name2 = "수요일 ";
console.log(name1.length);
console.log(name2.length);
console.log(name1.length == name2.length);
console.log(name1 == name2);
console.log(name1.trim() == name2.trim());
let age1 = 24;
let age2 = "24";
console.log(age1==age2); // == 강제 형변환으로, 내부적으로 숫자로 변환하여 표현
console.log(age1===age2); // === 엄격한 비교시 사용, 타입까지 체크
let age3 = parseInt(age2); //정수형으로 변환
console.log(age1===age3); // === true
}
</script>
</body>
</html>
테스트 버튼을 통해서 자바스크립트 연산자를 확인해보는 예제이다.
let name1 = "수요일";
let name2 = "수요일 ";
console.log(name1.length);
console.log(name2.length);
console.log(name1.length == name2.length);
console.log(name1 == name2);
console.log(name1.trim() == name2.trim());name2는 공백을 포함해 name1과 1의 길이차이가 있다.
trim() 메소드를 사용하면 양 끝 공백을 제거해 길이가 같음을 출력한다.
