JavaScript_개념정리 / 변수

변수 (Variable)

---

변수는 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름을 말합니다. 쉽게 말해  데이터를 보관하는 보관함 같은 역할을 말합니다.

 

▶  보관함(메모리)이 있고 이 보관함에 이름을 정해줍니다. ( 선언 )

 

let box;  // 변수에 이름을 지정해주는것이 선언!

 

▶ 보관함의 이름을 box 로 선언해 주었고 이 곳에 데이터를 보관해 보겠습니다. ( 할당 )

 

box = 'joy coding'  // 변수에 데이터를 넣는것이 할당!

 

▶ 보관함의 이름으로 보관함 안에 있는 데이터를 가져와서 사용 가능합니다.

 

console.log(box)     // 'joy coding' 

 

▶ 만약 변수 데이터에 할당하지 않을 경우 보관함(box)에 데이터가 담겨있지 않으니 찾을 수가 없어 undefined를 반환 합니다.

 

let joycoding;
console.log(joycoding);      //undefined ( 정의되지 않은 값 )

 

▶ 선언과 할당은 한번에 해줄 수 있습니다.

 

let userID = 5814
let userName = 'Lee'

//변수는 하나의 값을 저장하기 위한 수단

//변수 userID , userName

 

let user = { id : 5814 , name : 'Lee' };

 

let users = [

 { id : 5814 , name : 'Lee' },

 { id : 5512 , name : 'Teemo' }

];

 

// 객체나 배열 같은 자료구조를 사용하면 여러 개의 값을 하나로 그룹화해서 하나의 값처럼 사용할 수 도 있습니다.

// 변수 user, users

 

 

▶ 변수 안에는 다양한 데이터를 넣을 수 있고 원하는 만큼 데이터를 변경할 수도 있습니다. (변수 재할당)

 

// case 1 //
let box = 'joycoding';
box = 'happy coding';
console.log(age); // 'happy coding'


// case 2 //
let num = 5;
num = num + 5;
console.log(num);      // 10
num = num + 15;
console.log(num);      // 25

// 데이터가 변경되면 이전 데이터는 변수에서 제거가 됩니다.

 

 

▶  변수는 할당한 변수를 이용해서 새로운 변수를 만들수 있습니다.

 

// case 1 //
let name = "Joycoding";
let myNameIs = "My Name Is";
let greeting = myNameIs + name;
console.log(greeting);  // 'My Name Is Joycoding'


// case 2 //
let num1 = 5;
let num2 = 15;
let result = num1 + num2;
console.log(result);    // 20

let result2 = result + num1;
console.log(result2);  // 35

 

 

변수명 규칙

---

▶  변수를 두번 선언하면 에러가 발생해서 딱 한번만 선언하는것이 좋습니다!

 

let box = 'joycoding';
let box = 'happycoding';    // SyntaxError: 'message' has already been declared

 

 

▶  변수명은 오직 문자와 숫자만 들어갈수 있습니다(예외로 $와_는 사용가능) 또 한 변수명의 첫 글자로 숫자가 들어가면 안됩니다.

 

// 잘못된 예시//
let %^&;      // 문자, 숫자 외의 문자가 들어갈순 없습니다.
let 123code;  // 첫 글자로 숫자를 사용하면 안됩니다.
let lo-ve;      // '-'은 사용이 불가능합니다.

// 좋은 예시 //
let $box;
let _box;
let code123;
let lo_ve;
let joyCoding;

 

 

▶  변수명은 대소문자 구별이 가능합니다.

 

// 서로 다른 변수
let joycoding;
let Joycoding;

 

 

▶  예약어로 지정된 단어는 변수명으로 사용 불가능합니다.

 

let function;  // Uncaught SyntaxError: Unexpected token 'function'
let if;           // Uncaught SyntaxError: Unexpected token 'if'
let while;      // Uncaught SyntaxError: Unexpected token 'whlie'
let for;         // Uncaught SyntaxError: Unexpected token 'for'

 

 

변수 선언 키워드 let, const, var

---

변수를 선언하기 위해선 let, const, var 키워드가 있습니다.

 

▶ const 는 let 과 다르게 할당한 데이터를 변경할 수 없습니다.

 

const name = "joycoding";

name = "happycoding"; // Uncaught TypeError: Assignment to constant variable.

var는 오래된 변수 키워드이며 여러가지 문제점이 있어서 권장하지 않습니다. 개선된 let 과 const를 주로 사용합시다.