[JavaScript] 자바스크립트 변수(상수) 선언하기 (let)

005 _ 자바스크립트 변수 선언하기 (let)

[적용]

• 데이터 값에 이름을 지정하여 사용하고 싶을 때
• 데이터 값을 반복하여 사용하고 싶을 때
• 값 변경이 가능한 변수를 사용하고 싶을 때

---

[내용]

자바스크립트는 숫자나 문자열 등 다양한 데이터를 사용한다.

이 데이터에 이름을 지정해서 쉽고 반복적으로 사용할 수 있도록 하는 것이 '변수'와 '상수'이다.

'변수'는 변하는 값을 의미하고, '상수'는 항상 같은 값 즉, 변하지 않는 값을 의미한다.

'변수'와 '상수'에 값을 넣는 것을 '값을 대입한다' 또는 '값을 할당한다'고 표현하며,

'const'는 상수, 'let'은 변수를 의미한다.

---

[문법]

구문	의미
let 변수명 = 데이터값	변수에 값 대입 (반복 대입 가능)

---

[예시]

변수 myName에 문자열을 대입하는 예제코드를 작성해 보자.

alert()을 이용해 myName에 대입한 문자열을 출력하여 확인한다.

 

JavaScript

// 변수 myName에 '홍길동'을 대입
let myName = '홍길동';
// myName의 값을 alert()으로 출력하기
alert(myName);

 

[실행결과]

---

변수는 임의 값의 대입이 가능하며, 다음과 같이 문자열이나 날짜, 함수의 대입도 가능하다.

 

JavaScript

let myString = '홍길동';  // 문자열을 대입
let currentDate = new Date();  // 현재 날짜를 대입
let myFuction = () => console.log('함수 확인');  // 함수를 대입

---

'let'으로 선언한 변수는 값 변경이 가능하다.

대입한 변수의 값을 변경하는 예제를 통해 확인해보자

 

JavaScript

// 변수 myName을 선언
let myName = '펭귄';
// myName에 다른 값을 대입
myName = '펭수';
alert(myName);

 

[실행결과]

---

값이 대입된 변수는 값과 같은 역할을 하기 때문에 다음과 같은 특징을 가진다.

• 숫자 타입 변수 간에는 덧셈과 뺄셈 계산이 가능하다.
• 문자열 타입 변수 간에는 문자결합이 가능하다.
• 한 변수는 다른 변수에 대입이 가능하다.

 

다음 코드를 통해 + 연산자를 사용한 숫자 타입 변수의 합과

문자열 타입 변수의 결합을 확인해보자

 

JavaScript

// 숫자형 변수의 덧셈
let number1 = 10;
let number2 = 20;
let sum = number1 + number2;
console.log(sum);  // 결과: 30

// 문자열 변수의 결합
let firstName = '브래드';
let familyName = '피트';
let fullName = firstName + familyName;
console.log(fullName);  // 결과: '브래드피트'

// 변수를 다른 변수에 대입
let value1 = 100;
let value2 = value1;
console.log(value2);  // 결과: 100(value1과 같은 값)

---

[Appendix1]

변수 초기화 생략하기

변수의 초기화는 생략이 가능하며,

생략시 값으로 'undefined(아무것도 정의되어있지 않다는 의미)'가 주어진다.

 

JavaScript

let value;
console.log(value);  // undefined

---

[Appendix2]

한번에 여러 변수 선언하기

콤마(,)로 구분하면 'let' 하나에 여러 개의 변수를 선언할 수 있다.'let'을 일일이 쓰는 데 걸리는 시간을 줄일 수 있다.

 

JavaScript

let a = 1, b = 2, c;

console.log(a + b);  // 3
console.log(c);  // undefined

---

연관글

[JavaScript] 자바스크립트 변수(상수) 사용하기 (const)

[JavaScript] 자바스크립트 변수(상수) 사용하기 (const)

---

 

 

참조 :
실무에 바로 적용하는 자바스크립트 코드레시피 278
이케다 야스노부, 카노 타케시 지음 / 이춘혁 옮김