Javascript [ var ]

var

• 변수선언

var value=123;		// number
var value="123";	// string
var value='123';	// string

---

.value

• 어떤 값인지 확인

var num1= document.getElementByID("num1").value;

typeof

• 어떤 타입인지 확인

웹에서 인식하는 것은 무조건 string 타입으로 인식된다.

typeof(num1)
/* 타입 확인하기 */
console.log("확인용 : ", typeof(num1));

Number(변수명)

• number 타입으로 변환
• 반드시 N 을 대문자로 적기! ( 소문자로 적으면 안된다. )
• 특징 : javascript Number 은 정수, 실수 따로 구분이 없고 Number 로 통일한다.

Number(num1)

---

NaN

• Number(num1) 에서 num1 이 숫자가 아닌 문자가 들어오면 Nan 결과가 뜬다.

• if 문에서 NaN 인지 확인하기 => isNan

if(isNan(Number(num1))){
	console.log("확인용 : ", ~~~);		/* 콘솔 창에 뜨게 하기 */
    alert("");							/* 알림창 뜨게 하기 */
}

.focus()

• 화면 커서 주기

document.getElementById("변수명").focus();

• 실행하자마자 focus 주기

window.onload = function(){
	document.getElementById("변수명").focus();
}

변수명의 내용 지우기

• .value, innerHTML 이용

function func_clear(){
	document.getElementById("변수명").value = "";
  	document.getELemnetById("변수명").innerHTML = "";
}

---

Var 특징

1. 이미 선언되어도 또 선언될 수 있다. ( 재사용 가능 )

<java>
int num = ~~;
int num = ~~;	==> 불가능
<javascript>
var num = ~~;
var num = ~~;	==> 가능

2. 선언 후에 값을 넣어줘도 된다.

var num;
num = 123;

3. 하나의 변수가 여러개의 타입을 가질 수 있다.

var num = "123";
console.log("확인용 : ", typeof(num));		// string
            
var num = Number(document.getElementById("num").value);
console.log("확인용 : ", typeof(num));		// number

---

정리

• 03_variable -> 01_var.html, 01.js