반응형
01 . isNaN(값) => 해당 값이 숫자인지 아닌지 판별
while(check){
const age = parseInt(prompt("How old are you ? "));
if(isNaN(age)){
alert("숫자를 입력하세요 !");
}else{
if(age < 12){
alert("당신의 나이는 12 살 미만");
}else if(age >= 12){
alert("당신의 나이는 12 살 이상")
}
check = false;
}
}
02 . == 비교 , === 비교 : == 는 값만 비교하고 ===는 유형도 비교한다.
// 0 == false 에서 false 의 default 는 0 이므로 0 == 0 으로 인식해 true 가 나온다.
console.log(0 == false);
// 0 === false 에서는 위 처럼 같은 0 과 0 을 비교하지만
// false 는 boolean 이기 때문에 유형도 비교해 number 0 과 다르다고 인식함.
console.log(0 === false);
03. 문자열 길이 : str.length , 문자열 붙이기 : str.concat(str2) 또는 str+str2
var str = "안녕하세요";
var str2 = " Kim 입니다!";
console.log("str = "+str);
console.log(str.length);
console.log(str.concat(str2));
04. do while 문
- 조건을 점검하는 시기가 다르다. while문은 루프로 들어가기 전에 조건을 점검하지만 do~while문은 일단 명령을 실행한 후 루프 계속 여부를 점검한다.
var count = 1;
console.log("str의 길이만큼 반복");
do{
console.log("현재 ", count, "번 반복했음. ");
count++;
}while(str.length >= count);
!!!
자바스크립트 (JavaScript)에서 document.getElementById() 호출 시
해당 ID에 해당하는 요소가 있음에도 불구하고 null을 반환할 수 있다.
자바스크립트는 HTML과 함께 순차적으로 수행되는데
자바스크립트에서의 해당 요소에 대한 참조가 HTML 요소 생성보다 앞서면 null을 반환한다.
그래서 html script 추가를 맨 마지막에 해줘야 제대로 호출해서 값을 저장한다.
<!DOCTYPE html>
<html lang="kor">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="title">위에 선언하면</div>
<div class="test"><h1>해당 값들이</h1></div>
<div><h5> null 로 저장된다.</h5></div>
<div class="test01"><h5>맨 아래에 js 를 불러와줘야</h5></div>
<div class="test02">null 이 아닌 제대로된 값이 저장된다.</div>
</body>
</html>
<script src="01_startup.js"></script>반응형
'WEB Front-End > Javascript' 카테고리의 다른 글
| JavaScript - for, foreach, filter, map, reduce 기능 (0) | 2021.10.06 |
|---|---|
| JavaScript 중급 01 - 변수(var / let,const 와 스코프 TDZ 이해) (0) | 2021.10.01 |
| JavaScript 기초 - 10 가지 요약 (변수,자료형, alert, prompt, confirm, 형변환, 기본 연산자, 함수, 표현식, 객체, 매서드, 배열) (0) | 2021.10.01 |
| JavaScript 이해하기 (JS, ES6,7,8 TypeScript) (0) | 2021.09.30 |
| JavaScript - 필수 개념 정리 (0) | 2021.09.29 |