자바스크립트에 대한 첫 내용으로 변수에 관해서 포스팅을 해 보겠습니다.
변수(Variables)란 데이타값이 저장되는 장소를 뜻합니다.
변수는 var를 통해서 선언이 가능합니다. 그리고 '=' 연산자를 통해서 데이타를 저장할 수 있습니다
아래는 변수 x,y,z를 선언하고 각각의 변수에 값을 저장하는 예시입니다.
var x = 5;
var y = 6;
var z = x + y;
위의 내용들을 html로 저장하여 실행하려면 아래와 같이 입력을 하면됩니다.
*아래 내용을 메모장이나 텍스트에디터에 붙여 넣은 뒤, test.html로 저장하여서 웹브라우저에서 실행하시면 결과를 보실 수 있습니다.
<html>
<body>
<h2>JavaScript Variables</h2>
<p>In this example, x, y, and z are variables.</p>
<p id="demo"></p>
<script>
var x = 5;
var y = 6;
var z = x + y;
document.getElementById("demo").innerHTML =
"The value of z is: " + z;
</script>
</body>
</html>
위의 예시들과 같이 변수들을 사용하여 +,-와 같은 연산을 할 수 있습니다.
변수들은 반드시 하나뿐인 이름을 가지고 있어야 합니다.
아래는 변수의 이름을 만들때의 룰입니다.
-이름에는 문자, 숫자, _ , $ 가 사용될 수 있습니다.
-이름은 반드시 문자로 시작하여야 합니다.
-$와 _ 로도 시작할 수 있습니다.
-대문자, 소문자를 구분하여 사용합니다. (A와 a는 다른 변수로 취급)
-자바스크립트에서 지정된 단어는 쓸 수 없습니다. (자바스크립트의 키워드 등)
'='마트는 할당 연산자 입니다. '동일하다'라는 뜻이 아닙니다.(수학과 다른부분)
아래와 같은 경우에는 a에 기존의 a값에 5를 더한 값을 할당한다는 의미가 됩니다.
a=a+5;
데이타 타입은 숫자와 문자 모두 있습니다. 아래와 같이 변수에 값을 할당 할 수 있습니다.
var num0=10;
var num1=5.5;
var name='John';
아래와 같이 var를 한번 선언하여 여러개의 변수를 생성할 수 도 있습니다.
var x=3 , y=5 , z='test';
위의 내용들을 더욱 잘 이해하시 위해서 다음 자바스크립트 퀴즈를 풀어보시기 바랍니다.
2017/11/20 - [IT 지식정리/자바스크립트] - 자바스크립트 퀴즈 - 변수(variables)
'IT 지식정리 > 자바스크립트' 카테고리의 다른 글
| 자바스크립트 : 함수(functions) (0) | 2017.11.22 |
|---|---|
| 자바스크립트 : 데이타 타입 (0) | 2017.11.22 |
| 자바스크립트 연산자 우선순위값 목록 (0) | 2017.11.21 |
| 자바스크립트 : 연산자(operators) (0) | 2017.11.21 |
| 자바스크립트 퀴즈 - 변수(variables) (0) | 2017.11.20 |