HTML 변수의 이해

use strict

변수 선언에대해 엄격하게 체크를 해줌

<meta charset="UTF-8">
<script>
    "use strict"
    aaa="난 문자열";
</script>

에러 제거

<meta charset="UTF-8">
<script>
    "use strict"
    var aaa="난 문자열";
</script>

 

문자열은 " '둘 다 가능

<meta charset="UTF-8">
<script> 
    var aaa="난 문자열";
    var bbb = '나도 문자열'
</script>

 

"와 '의 구분

" 출력을 원할 때 '로 감싸주고

' 출력을 원할 때 "로 감싸준다.

<script>
    var aaa = '우왕" 넣었당'
    var bbb = "우왕' 넣었당"
</script>

 

1) 숫자형

숫자형도 var를 붙여준다

<script>
    var ddd = 337;
</script>

 

2) 문자와 숫자

fff는 문자형 272337이 나옴

<script>
    var ddd = 337;
    var eee = "272";
    var fff = eee + ddd;
</script>

문자열 연산에 마이너스는 존재하지 않음

따라서  -, *, /가 들어가면 문자열이 숫자로 변경됨

 

문자형 eee를 숫자로 변경을 원한다면

문자열 연산에 마이너스는 존재하지 않음

따라서  -, *, /가 들어가면 문자열이 숫자로 변경됨

<script>
    var ddd = 337;
    var eee = "272";
    var fff = eee + ddd;
    alert(ddd-eee);
</script>

 

문자형 eee를 숫자형으로 변경을 원한다면

eee=eee-0

eee=eee*1

eee=eee/1

 

숫자형 ddd를 문자형으로 변경을 원한다면(문자와 숫자 연산 시 문자 우선)

fff=fff+""

 

NaN

숫자도 아닌걸 연산하려해서 Not A Number가 뜬다

<script>
    var aaa="난 문자열";
    alert("aaa"-100)
</script>

 

3) boolean

<script>
    var v_bool = true;
</script>

 

<script>
    var v_bool = true;
    if(v_bool){
        alert("난 뜨나요");
    }
</script>

 

<script>
    if(false){
        alert("난 안뜨네요");
    }
</script>

 

4) 참과 같은 값(truthy value)

숫자형

 

<script>
    var v_bool = true;
    v_bool="나나나"
    if(v_bool){
        alert("난 뜨나요");
    }
</script>

v_bool이 100이어도 뜬다

v_bool이 0이 된다면 뜨지 않는다!!(0을 false로 인식하여)

문자형

<script>
    if("참참"){
        alert("난 뜨나요");
    }
</script>

if문 안의 내용이 ""이면 뜨지 않는다!!

문자열은 오직 ""만을 false로 인식한다.

 

null

보통 객체 변수 초기화 값으로 사용됨