📌 자바스크립트에서 변수와 상수

자바스크립트에서 변수와 상수는 데이터를 저장하고 관리하는 데 사용되는 중요한 개념입니다. 변수는 값을 변경할 수 있는 이름표이고, 상수는 변하지 않는 값을 나타내는 이름표입니다. 이를 통해 데이터를 관리하고, 프로그램의 흐름을 제어할 수 있습니다.

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" contect="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>변수와 상수 그리고 대입</title>
    
</head>
<body>    
    <script>
        let num = 7
       console.log(num)
       console.log(num)
       console.log(num)

        let number;
        number = 10;
        console.log(number)

        number = 18;
        console.log(number)

        number += 1
        console.log(number)

        number -= 19
        console.log(number)

        const age = 20
        alert(age)
  
    </script>
</body>
</html>

 

🚦 변수란 무엇인가?

변수는 데이터에 이름을 붙여 저장하고, 나중에 그 데이터를 재사용할 수 있도록 하는 것입니다. 변수는 값을 변경할 수 있다는 특징이 있습니다.

변수 만들기

변수를 만들 때는 let 키워드를 사용합니다. 이때 변수는 선언과 동시에 초기화(값을 할당)될 수 있습니다.

let age = 25; // age라는 변수를 선언하고 25를 할당

변수의 선언과 초기화

  • 변수 선언: 변수를 만들 때는 let 키워드를 사용하여 변수를 선언합니다.
  • 초기화: 변수에 처음 값을 할당하는 작업을 말합니다. 선언과 초기화를 동시에 할 수 있습니다.
     
let score; // 변수 선언만
score = 100; // 변수 초기화

 

변수는 한 번에 하나의 데이터만 기억할 수 있으며, 값을 변경할 수 있습니다.

변수의 이름 규칙

변수 이름은 문자, 숫자, $, _만 사용할 수 있습니다. 변수명은 숫자로 시작할 수 없습니다. 또한 자바스크립트에서 미리 예약된 키워드(예: if, for, let 등)은 변수명으로 사용할 수 없습니다.

💻 변수에 값 대입

대입 연산자(=)를 사용하여 변수에 값을 할당합니다. 또한, 대입 연산자는 산술 연산자와 결합하여 값을 수정할 수 있습니다.

대입 연산 예시:

let a = 10;
a += 5; // a = a + 5, 즉 15
a -= 3; // a = a - 3, 즉 12
a *= 2; // a = a * 2, 즉 24
a /= 4; // a = a / 4, 즉 6

이처럼 대입 연산자는 변수의 값을 갱신하는 데 유용합니다.

🔒 상수란 무엇인가?

상수는 변하지 않는 값을 나타내는 이름표입니다. 상수는 한번 값이 설정되면 그 값을 변경할 수 없습니다. 자바스크립트에서 상수를 만들 때는 const 키워드를 사용합니다.

상수 만들기

상수는 선언과 동시에 초기화해야 하며, 이후 값 변경이 불가능합니다.

const PI = 3.14; // 상수 선언과 동시에 값 초기화

상수를 선언한 후에는 값을 변경하려고 하면 에러가 발생합니다.

 
PI = 3.14159; // 에러 발생! 상수는 값을 변경할 수 없습니다.

✅ 마무리

  • 변수는 값을 변경할 수 있는 데이터 저장소로, 프로그램 내에서 반복적으로 사용할 수 있는 데이터를 저장하는 데 유용합니다.
  • 상수는 변하지 않는 값을 저장할 때 사용하며, 값 변경이 불가능합니다.
  • 자바스크립트에서 **let**을 사용해 변수는 선언하고, **const**를 사용해 상수를 선언합니다.

이러한 개념을 통해 데이터의 상태를 관리하고, 코드의 흐름을 보다 효율적으로 제어할 수 있습니다!

'JavaScript' 카테고리의 다른 글

Chapter 1-8. undefined 외  (0) 2025.03.31
Chapter 1-7. 템플릿 리터럴  (0) 2025.03.31
Chapter 1-6. 문자열 prompt  (0) 2025.03.31
Chapter 1-4. 콘솔출력과 자료형  (0) 2025.03.31
Chapter 1-3. 동작 원리 출력해보기 (자바스크립트)  (0) 2025.03.31

티스토리툴바