JavaScript

[JavaScript] 변수

vhxpffltm 2019. 4. 28. 22:09

이 내용은 '생활코딩'에서 공부한 내용을 정리한 글이다.

자세한 내용은 https://www.opentutorials.org/course/743 이곳에서 확인할 수 있다.

모든 내용의 출처는 이곳이다. 다른 언어를 알고있는 상태로 공부한 내용이다.

 

 

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<script type="text/javascript">
    var a = 1,b=3;     //자바 스크립트 변수는 var로 시작한다. 생략가능하다.
    var str = "coding", str2 = "algorithm";
    console.log(a + 1 + b);
    console.log(str + str2);
 
    //변수는 재활용성을 높여준다.
    var num = 100;
    num = num + 10;
    console.log(num);
    num = num/10;
    console.log(num);
    num = num * 100;
    console.log(num);
 
    //비교 연산자
    var val;
    alert(val);  // 선언하고 초기화 안하면 undefined(값이 정의되지 않음)라고 함!!
    val = null;  // 값이 없는상태를 의도적으로 지정한 상황
    console.log(val); 
    console.log(undefined == null);
    console.log(undefined === null); // 데이터 형까지 같은지 확인한다. ===을 쓰기를 권장한다.
    // boolen : true(c++과 같이 1이면 true이다), false
    // number : 1 2 -1 1.0 -29.21
    // string : "asncd"  "s" 
    // undefined      null           요렇게 5가지를 알자
    // 부등호 비교 연산자 역시 C++과 비슷하다. 
 
</script>
</body>
</html>
 
 
http://colorscripter.com/info#e" target="_blank" style="color:#e5e5e5; text-decoration:none">Colored by Color Scripter
 

 

다른 언어를 사용하는 사람은 변수에 대해 int, float, double, string 등의 타입을 사용해야 하지만 자바스크립트는 오로지 'var'을 이용하여 모든 자료형을 표현할 수 있는 점이 다르다.

 

console.log()를 사용하여 웹 브라우저창의 console창을 통해 확인할 수 있다.

*구글 크롬기준으로 'F12'를 눌러 해당 도구로 확인하고 간단한 실습을 진행할 수 있다.*

 

'JavaScript' 카테고리의 다른 글

[JavaScript] 변수의 유효범위  (0) 2019.05.19
[JavaScript] 객체  (0) 2019.05.08
[JavaScript] 함수, 배열  (0) 2019.05.08
[JavaScript] 조건문, 반복문  (0) 2019.04.28
[Javascript] 숫자, 문자열  (0) 2019.04.28