자바스크립트 변수, 상수, 데이터 타입 이해하기
자바스크립트(JavaScript)는 웹 개발에서 가장 중요한 프로그래밍 언어 중 하나입니다. 이 글에서는 자바스크립트의 기본 요소인 변수, 상수, 그리고 데이터 타입에 대해 심도 있게 다루고자 합니다.
목차
1. 변수와 상수 소개
자바스크립트에서 데이터를 저장하고 조작하기 위해 변수와 상수를 사용합니다. 변수는 값이 변할 수 있는 저장소이고, 상수는 한 번 할당된 값을 변경할 수 없는 저장소입니다. 이를 통해 다양한 프로그램 로직을 구현할 수 있습니다.
2. 변수 (Variables)
변수는 데이터를 저장하기 위해 사용되는 이름이 붙은 메모리 공간입니다. 자바스크립트에서는 var
, let
, const
키워드를 사용하여 변수를 선언할 수 있습니다.
2.1 var
var
키워드는 ES6 이전에 변수를 선언하는 방법으로, 함수 스코프를 가집니다.
var x = 10;
if (true) {
var x = 20;
console.log(x); // 20
}
console.log(x); // 20
2.2 let
let
키워드는 블록 스코프를 가지며, 동일한 블록 내에서 같은 이름의 변수를 다시 선언할 수 없습니다.
let y = 10;
if (true) {
let y = 20;
console.log(y); // 20
}
console.log(y); // 10
3. 상수 (Constants)
const
키워드는 변하지 않는 상수를 선언하는 데 사용됩니다. 한 번 할당된 값은 변경할 수 없습니다.
const z = 10;
z = 20; // 오류: Assignment to constant variable.
하지만, 객체나 배열과 같은 참조 타입의 경우, 내부 데이터는 변경할 수 있습니다.
const obj = { name: "John" };
obj.name = "Doe"; // 가능
4. 데이터 타입 (Data Types)
자바스크립트는 동적 타입을 가지며, 주로 여섯 가지의 기본 데이터 타입과 하나의 객체 타입으로 나뉩니다.
4.1 기본 데이터 타입
- 숫자(Number): 정수와 실수를 포함합니다.
- 문자열(String): 텍스트 데이터를 표현합니다.
- 불리언(Boolean): 논리적 참과 거짓을 나타냅니다.
- null: 존재하지 않는 값을 나타냅니다.
- undefined: 값이 할당되지 않은 변수를 나타냅니다.
- 심볼(Symbol): 고유한 식별자를 나타냅니다.
4.2 객체 타입
객체는 키-값 쌍의 집합입니다. 객체는 중첩될 수 있으며, 함수와 배열도 객체의 일종입니다.
let person = {
name: "Alice",
age: 25,
greet: function() {
console.log("Hello, " + this.name);
}
};
person.greet(); // Hello, Alice
5. 결론
이 글에서는 자바스크립트(JavaScript)의 변수와 상수, 그리고 데이터 타입에 대해 살펴보았습니다. 각 개념을 명확히 이해함으로써 자바스크립트 프로그래밍의 기초를 다질 수 있습니다. 이를 바탕으로 더 복잡한 프로그래밍 기법을 익히는데 도움이 되길 바랍니다.
'프로그래밍 언어 > 자바스크립트' 카테고리의 다른 글
자바스크립트 논리 연산자, 간단한 예제에서 고급 활용까지 (0) | 2024.07.09 |
---|---|
자바스크립트 비교 연산자와 조건문 활용법 (0) | 2024.07.05 |
자바스크립트 대입 연산자 기본 개념부터 실용 예제까지 (0) | 2024.07.01 |
자바스크립트 산술 연산자 사용법과 실용 예제 (0) | 2024.06.27 |
자바스크립트(JavaScript) 연산자 종류 (0) | 2024.06.23 |