Number(new Date()) + "<br>" + // 함수가 실행되는 시점에 날짜 및 시간 데이터를 숫자로 전환. 실행시마다 달라짐.
Number(" 34") + "<br>" + // 앞에 공백있는 숫자를 숫자로 전환. 결과값 34
Number("34 ") + "<br>" + // 뒤에 공백있는 숫자를 숫자로 전환. 결과값 34
Number("34 5"); // 숫자와 숫자 사이에 공백이 있는 숫자를 숫자로 전환. 결과값 NaN 즉, 숫자가 아닌 걸로 봄.
</script>
결과값:
1 0 1421532748308 34 34 NaN
3-2. parseInt() 메서드: 문자열을 분석해 전체 숫자로 반환. 공백도 허락이 되지만, 첫 번째 적힌 숫자만 반환. 소수점을 문자로 간주해 무시하며, 숫자로 전환이 안 되면 NaN 반환함.
<p id="homzzang"></p>
<script>
document.getElementById("homzzang").innerHTML =
parseInt("34") + "<br>" + // 결과값 34
parseInt("34.55") + "<br>" + // 소수점은 숫자로 안 보므로, 앞에 있는 숫자 34만 숫자로 간주해 결과값 34 반환
parseInt("34 5") + "<br>" + // 숫자 중간 공백이 들어가도 숫자로 보긴 하지만, 앞 부분만 숫자로 반환. 결과값 34
parseInt("34 years") + "<br>" + // 숫자 공백 문자 순으로 적힌 경우, 숫자 부분만 반환. 결과값 34
parseInt("34years") + "<br>" + // 숫자문자 순으로 적힌 경우, 숫자 부분만 반환. 결과값 34
parseInt("years 34"); // 문자 공백 숫자 순으로 적힌 경우, 전체를 숫자로 보지 않음. 결과값 NaN
parseInt("years34"); // 문자숫자 순으로 적힌 경우, 전체를 숫자로 보지 않음. 결과값 NaN
</script>
결과값: 34 34 34 34 34 NaN NaN
3-3. parseFloat() 메서드: 문자열을 분석해 숫자를 반환. 공백이 허락되지만, 오직 첫 번째 숫자만 반환. 소수점도 숫자의 일부로 간주하며, 숫자 전환 불가시 NaN 반환함.
<p id="homzzang"></p>
<script>
document.getElementById("homzzang").innerHTML =
parseFloat("34") + "<br>" +
parseFloat("34.55") + "<br>" + // 위의 parseInt() 메서드과 달리 소수점을 숫자 일부로 인식해, 소수점 이하까지 반환
parseFloat("34 5") + "<br>" +
parseFloat("34 years") + "<br>" +
parseFloat("34years") + "<br>" +
parseFloat("years 34") + "<br>" +
parseFloat("years34");
</script>
결과값: 34 34.55 34 34 34 NaN NaN
4. valueOf() 메서드
① valueOf() 메서드은 숫자를 숫자로 반환함. 이 경우, 숫자 유형은 (변수에 할당된 수, 숫자 자체, 연산식)이든 상관 없음
<p id="homzzang"></p>
<script>
var x = 345; 변수 x를 선언하고, 숫자 345를 할당.
document.getElementById("homzzang").innerHTML = // 아이디가 homzzang인 곳에 아래 결과값을 출력시켜라.
x.valueOf() + "<br>" + // 숫자 345가 할당된 변수 x의 숫자를 반환. 결과값 345
(345).valueOf() + "<br>" + // 숫자 345의 숫자를 반환. 결과값 345 [주의] 숫자 적을 때 소괄호로 묶어야 함.
(300 + 45).valueOf(); // 숫자 300과 45를 더한 값을 숫자로 반환. 결과값 345
</script>
결과값: 345 345 345
② JS에서 숫자는 기초 데이터로서의 숫자와 객체로 선언된 경우의 객체가 될 수 있습니다. valueOf() 메서드은 객체화 된 숫자를 다시 기초 데이터로서의 숫자로 전환할 때 사용합니다. 따라서, 이 코드를 사용할 이유가 없습니다. 즉, 숫자를 객체로 전환했다가, 다시 숫자로 전환할 이유가 없는 것이죠.
③ JS에서 모든 데이터는 그 유형에 관계없이 valueOf() 와 toString() 메서드은 가질 수 있습니다.
1. 채팅창 헤드에서 접속자 확인2. 닉네임 클릭해 1:1 채팅 가능 3. 닉네임 클릭해 귓속말 가능 4. 닉네임 클릭해 호출하기 가능 5. 우하단 클릭해 환경 설정 가능 6. 의뢰글 작성 후 의뢰 상담 가능 7. 질문글 작성 후 질문 상담 가능8. 채팅방에 개인정보 입력 금지9. 채팅방에 광고 욕설 비방 금지