[javascript/자바스크립트] 변수 선언 및 할당
 


변수(variable)

 변수는 메모리에 데이터를 저장하기 위한 기억 공간을 의미한다. 즉, 데이터를 담아놓는 그릇이라고 생각하면 된다. 또한 변수에 담긴 데이터는 필요에 따라 수시로 데이터를 변경시킬 수 있다.

변수의 선언과 대입
 자바스크립트에서 변수를 선언하는 방법은 [var 변수명;]으로 사용한다. 예를 들어 var myvar;와 같이 변수를 선언하면 myvar라는 변수를 지금부터 사용하겠다는 의미가 된다. 변수를 선언하면 값을 대입할 수 있고, [변수명 = 데이터;]로 값을 대입한다. 이때 =은 같다는 의미가 아니고 우항(데이터)을 좌항(변수)에 대입한다는 의미이다.
 일반적으로 변수의 선언과 대입은 한 번에 작성한다. [var 변수명 = 데이터;] 와 같이 작성하면 된다. 변수에 문자열의 데이터를 저장하기 위해서는 쌍따옴표("")나 외따옴표('') 사이에 데이터를 입력하고 숫자 데이터를 저장할 때는 ""와 ''를 사용하지 않고 숫자만 입력한다.

 

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
    <title>변수</title>
</head>
<body>
    <script>
        var str1 = 'hello'; // 문자열 변수 선언/할당
        var str2 = " javascript!"; // 문자열 변수 선언/할당
        var a = 3; // 숫자 변수 선언/할당
        var pi = 3.14; // 숫자 변수 선언/할당
       
        document.write(str1 + str2 + "<br>"); // 웹 브라우저에 데이터 출력
        str2 = " 자바스크립트!"; // str2 변수값 변경
        document.write(str1 + str2); // hello 자바스크립트! 출력
    </script>
</body>
</html>

위 코드 실행결과는 아래와 같습니다.

 

 변수를 선언할 때 var를 생략해도 가능하다. 하지만 var는 유효범위(scope)에 영향을 미치기 때문에

의미에 대해 정확한 이해가 있을 때까지는 var를 명시해주도록 하자.


변수명 작성 시 주의사항


 1. 변수명은 대/소문자를 구분한다. 즉, var A와 var a는 다른 변수를 의미한다.
 2. 변수명에는 영문자, 숫자, $, _를 사용할 수 있다. 하지만 변수명의 첫 글자는 숫자로 시작할 수 없다.
 3. 자바스크립트에 설정된 예약어는 변수명으로 사용할 수 없다.(for, while, if, this, new 등)

 

블로그 이미지

itworldkorea

IT korea가 세상(world)을 변화시킨다.

,


[자바스크립트] 변수 선언 및 할당 - var
 

javascript 변수(variable)
 변수는 메모리에 데이터를 저장하기 위한 기억 공간을 의미한다. 즉, 데이터를 담아놓는 그릇이라고 생각하면 된다. 또한 변수에 담긴 데이터는 필요에 따라 수시로 데이터를 변경시킬 수 있다.


변수의 선언과 대입
 자바스크립트에서 변수를 선언하는 방법은 [var 변수명;]으로 사용한다. 예를 들어 var myvar;와 같이 변수를 선언하면 myvar라는 변수를 지금부터 사용하겠다는 의미가 된다. 변수를 선언하면 값을 대입할 수 있고, [변수명 = 데이터;]로 값을 대입한다. 이때 =은 같다는 의미가 아니고 우항(데이터)을 좌항(변수)에 대입한다는 의미이다.


 일반적으로 변수의 선언과 대입은 한 번에 작성한다. [var 변수명 = 데이터;] 와 같이 작성하면 된다. 변수에 문자열의 데이터를 저장하기 위해서는 쌍따옴표("")나 외따옴표('') 사이에 데이터를 입력하고 숫자 데이터를 저장할 때는 ""와 ''를 사용하지 않고 숫자만 입력한다.

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
    <title>변수</title>
</head>
<body>
    <script>
        var str1 = 'hello';            // 문자열 변수 선언/할당
        var str2 = " javascript!";     // 문자열 변수 선언/할당
        var a = 3;                     // 숫자 변수 선언/할당
        var pi = 3.14;                 // 숫자 변수 선언/할당
       
        document.write(str1 + str2 + "<br>"); // 웹 브라우저에 데이터 출력
        str2 = " 자바스크립트!";                // str2 변수값 변경
        document.write(str1 + str2);           // hello 자바스크립트! 출력
    </script>
</body>
</html>
 

 변수를 선언할 때 var를 생략해도 가능하다. 하지만 var는 유효범위(scope)에 영향을 미치기 때문에 의미에 대해 정확한 이해가 있을 때까지는 var를 명시해주도록 하자.

변수명 작성 시 주의사항

 1. 변수명은 대/소문자를 구분한다. 즉, var A와 var a는 다른 변수를 의미한다.
 2. 변수명에는 영문자, 숫자, $, _를 사용할 수 있다. 하지만 변수명의 첫 글자는 숫자로 시작할 수 없다.
 3. 자바스크립트에 설정된 예약어는 변수명으로 사용할 수 없다.(for, while, if, this, new 등)

 

블로그 이미지

itworldkorea

IT korea가 세상(world)을 변화시킨다.

,

변수를 이용하여 계산하기

그럼 이번엔 변수를 이용하여 사칙 연산을 해봅시다.

예를 들면 a 에 5를 대입 b에 10을 대입 하여
c에 a 와 b를 더하기를 대입 하여 결과를 보는건데요.

어떤 말일지 몰라서 소스로 살펴 봅시다.

a = 5; a에 5를 대입
b = 10; b에 10을 대입
c = a + b; c에 a+b를 대입 즉 a의 값은 5이고 b의 값은 10이며 a+b를 하면 15겠죠.
즉 c는 a와 b를 합한값인 15라는 값을 갖게 됩니다.
document.write(c); c의 값을 출력 합니다.

<script>
    a = 10;
    b = 10;
    c = a + b;
    document.write(c);
</script>


결과값을 출력해보면 20이 출력될 것입니다.
이번엔 4칙연산과 나누기 값을 구해주는 소스를 보면

더하기는 +

빼기는 -

곱하기는 *

나누기는 /

나머지는 %

나머지란 5 나누기 3을 했을때 나머지가 2이죠 그 나머지 값을 구해주는 거랍니다.

위 내용을 학습한 다음 아래 내용도 확인해 보세요

 

 

 

위 내용의 결과입니다.

 

 

블로그 이미지

itworldkorea

IT korea가 세상(world)을 변화시킨다.

,