JavaScript 변수

1 개념

JavaScript Variable

자바스크립트 변수

• JavaScript에서 변수를 정의하고 수정하는 방법, 이용하는 방법을 알아본다.
• 본 문서에서는 이해를 돕기 위해 데이터형 대신 값의 종류로 서술하였다.

2 var로 정의하기

자바스크립트 변수선언 var 문서를 참고하십시오.

가장 기초적이며 간단하게 JavaScript에서 변수를 정의할 수 있는 방법이다. 하지만 실제로는 임시적인 변수가 아닌 이상 잘 사용되지 않는다. 사용 시에는 앞에 var 접두사를 추가하고 변수명 그 다음 = 기호, 값으로 표현할 수 있다. 값의 종류에는 String, Int 등 여러가지가 있으며 각 종류에 따라서 정의하는 방법이 약간 다를 수 있다.

JavaScript

Copy

var a = 1; // INT 데이터형 (최대 11자리의 정수)
var b = 2;
var c = a + b;
console.log( c ); // 3

▶

3

→a방에는 숫자1, b방에는 숫자2, c방에는 a방의 값과 b방의 값을 더하여 넣어줍니다. (INT 데이터형)

3 let으로 정의하기

자바스크립트 변수선언 let 문서를 참고하십시오.

let은 var의 몇가지 단점을 해결하기 위해 등장했으며 var과의 사용법이 약간 다른데 보통 값을 정의하는데 사용하며 나중에 값이 변경된다는 것을 암시한다. 사용 시에는 앞에 let 접두사를 추가하고 변수명 그 다음 = 기호, 값으로 표현할 수 있고 값의 수정 시에는 접두사가 필요없다. var과 같이 여러가지 종류의 값이 들어갈 수 있다.

JavaScript

Copy

let various = 'string type'; // 문자열 데이터형
various = 'modified'; // 수정 시에는 접두사를 붙이지 않습니다
various = various + ' string type';
console.log( various ); // modified string type

▶	modified string type

→첫번째 라인에서 정의 후 두번째 라인에서 수정, 세번째 라인에서 문자열 (데이터형)을 합친다.

4 const로 정의하기

자바스크립트 const 문서를 참고하십시오.

const는 한번 정의 시에는 변경할 수 없는 절대적인 성질을 가지고 있다. 사용 시에는 앞에 const 접두사를 추가하고 변수명 그 다음 = 기호, 값으로 표현할 수 있고 한번 정의된 값은 변경할 수 없다. var, let과 같이 여러가지 종류의 값이 들어갈 수 있다.

JavaScript

Copy

const various = {
  1: 'a',
  2: 'b'
} // Object
const various = 'a'; // 오류 발생

→첫번째 라인에서 Object 데이터형 (배열이 아니다)으로 정의한다.

5 여러 변수를 한번에 정의하기

JavaScript 여러 변수를 한번에 정의하기 문서를 참고하십시오.

• JavaScript에서는 한번에 여러가지 변수를 정의할 수도 있다.

JavaScript

Copy

var a = 1, b = 2, c = 3;
let d = 1, e = 2, f = 3;
const h = 1, i = 2, j = 3;

6 추가적인 지침

JavaScript에서 암묵적으로 나타낼 수 있는 몇가지 사항이다.

• 먼저 var을 사용할 경우 그 변수는 임시적임을 나타내기도 한다.
• let을 사용 시에는 그 값이 뒤에서 변경됨을 나타내기도 한다.
• const를 사용 시에는 그 값은 더 이상 변경되지 않음을 나타내기도 한다.

또한 JavaScript에서는 리스트형 데이터를 비교하지 못한다.

7 참고

• 자바스크립트 var
• 자바스크립트 let
• 자바스크립트 const
• 변수