JavaScript 變數和資料類型：在 JavaScript 中儲存和操作資料。

JavaScript는 개발자가 대화형의 동적 웹사이트를 만들 수 있도록 웹을 지원하는 다목적 프로그래밍 언어입니다. JavaScript와 모든 프로그래밍 언어의 핵심 개념 중 하나는 데이터가 저장되고 조작되는 방식입니다. 웹 애플리케이션을 효과적으로 구축하려면 JavaScript의 변수와 데이터 유형을 이해하는 것이 중요합니다.

이 글에서는 변수가 무엇인지, 변수를 선언하는 방법, 데이터 저장 및 조작을 위해 JavaScript가 지원하는 다양한 데이터 유형에 대해 설명합니다.

---

JavaScript의 변수

변수란 무엇입니까?

JavaScript의 변수는 데이터를 담는 컨테이너와 같습니다. 이를 통해 프로그램 전체에서 사용할 수 있는 값을 저장하고 검색할 수 있습니다. 변수를 값에 부착된 레이블로 생각하십시오. 변수에 값을 할당하면 매번 값을 직접 사용하는 대신 이름으로 참조할 수 있습니다.

예를 들어 "John"을 여러 번 쓰는 대신 다음과 같이 변수에 할당할 수 있습니다.

let name = "John";
console.log(name);  // Outputs: John

변수 선언

JavaScript에서는 var, let 또는 const 키워드를 사용하여 변수를 선언할 수 있습니다.

1. 변수

var는 JavaScript에서 변수를 선언하는 가장 오래된 방법입니다. 그러나 범위에 몇 가지 문제가 있기 때문에 현대 JavaScript 개발자는 let 및 const 사용을 선호합니다.

var age = 30;
console.log(age);  // Outputs: 30

2. 하자

let은 블록 범위입니다. 즉, 변수는 정의된 블록 내에서만 존재합니다(예: 함수 또는 루프 내부). 이는 현대 JavaScript에서 변수를 선언하는 데 가장 일반적으로 사용되는 방법입니다.

let city = "New York";
console.log(city);  // Outputs: New York

3. 상수

const는 let과 유사하지만 값이 변경되지 않는 변수를 선언하는 데 사용됩니다. const로 선언된 변수에 값이 할당되면 다시 할당할 수 없습니다.

const country = "USA";
console.log(country);  // Outputs: USA

// This will throw an error
// country = "Canada";  

변수 이름 지정

변수 이름을 지정할 때 다음 규칙을 염두에 두세요.

• 변수 이름에는 문자, 숫자, 밑줄(_), 달러 기호($)가 포함될 수 있습니다.
• 문자, 밑줄 또는 달러 기호로 시작해야 합니다.
• 변수 이름은 대소문자를 구분합니다(예: myVar와 myvar는 다른 변수입니다).
• 자바스크립트 키워드(예: var, let, if, function)는 변수 이름으로 사용할 수 없습니다.

일반적인 규칙은 myVariableName과 같은 변수 이름에 camelCase를 사용하는 것입니다.

---

JavaScript의 데이터 유형

JavaScript는 변수가 보유할 수 있는 값의 종류를 지정하는 다양한 데이터 유형을 지원합니다. 데이터 유형은 두 가지 범주로 나뉩니다.

• 기본 데이터 유형
• 비원시(참조) 데이터 유형

기본 데이터 유형

기본 데이터 유형은 JavaScript에서 가장 기본적인 데이터 유형입니다. 여기에는 다음이 포함됩니다:

1. 문자열

문자열은 텍스트 데이터를 나타내는 데 사용됩니다. 작은따옴표('), 큰따옴표(") 또는 백틱(`) 등 따옴표로 묶습니다.

let greeting = "Hello, World!";
let anotherGreeting = 'Hi there!';
console.log(greeting);  // Outputs: Hello, World!

2. 번호

숫자 데이터 유형은 정수와 부동 소수점 숫자(예: 소수)를 모두 나타냅니다.

let age = 25;       // Integer
let price = 99.99;  // Floating-point number

3. 부울

부울은 논리 값(참 또는 거짓)을 나타냅니다. 조건문과 비교문에 자주 사용됩니다.

let isLoggedIn = true;
let hasAccess = false;

4. 정의되지 않음

변수를 선언했지만 값을 할당하지 않은 경우 자동으로 정의되지 않은 값으로 초기화됩니다.

let myVar;
console.log(myVar);  // Outputs: undefined

5. 무효

null은 명시적으로 비어 있거나 존재하지 않는 값을 나타냅니다. 변수에 값이 없어야 함을 표시하고 싶을 때 사용됩니다.

let emptyValue = null;

6. 기호

기호는 일반적으로 객체에 대한 고유한 속성 키를 만드는 데 사용되는 고유하고 변경할 수 없는 값입니다. 초보자가 일반적으로 사용하지는 않지만 고급 응용 프로그램에서는 유용합니다.

let symbol1 = Symbol("description");

7. 빅인트

BigInt 유형을 사용하면 Number 유형의 범위보다 큰 정수를 표현할 수 있습니다. 매우 큰 정수로 작업할 때 특히 유용합니다.

let bigNumber = BigInt(123456789012345678901234567890);

비기본(참조) 데이터 유형

비원시 데이터 유형은 더 복잡한 데이터 구조와 객체를 저장합니다. 변수는 실제 데이터에 대한 참조를 저장하기 때문에 참조 유형이라고 합니다.

1. 객체

객체는 키-값 쌍의 모음입니다. 여러 관련 값을 속성으로 저장할 수 있습니다.

let person = {
  name: "John",
  age: 30,
  isStudent: false
};
console.log(person.name);  // Outputs: John

2. Array

Arrays are ordered collections of values (elements). Arrays can store multiple values in a single variable, and the values can be of any data type.

let fruits = ["Apple", "Banana", "Cherry"];
console.log(fruits[1]);  // Outputs: Banana

3. Function

Functions are blocks of code designed to perform a particular task. In JavaScript, functions themselves are treated as objects, allowing them to be passed as arguments or stored in variables.

function greet() {
  console.log("Hello!");
}
greet();  // Outputs: Hello!

---

Type Coercion and Dynamic Typing

JavaScript is dynamically typed, which means you don’t need to explicitly declare the type of a variable. JavaScript will automatically infer the type based on the value assigned. For example:

let variable = "Hello";  // variable is of type string
variable = 42;           // variable is now of type number

In addition, JavaScript performs type coercion, which means it will automatically convert values from one type to another when necessary.

console.log("5" + 10);  // Outputs: "510" (String concatenation)
console.log("5" - 1);   // Outputs: 4 (Number subtraction)

In the first example, JavaScript coerces 10 to a string and concatenates it with "5". In the second example, "5" is coerced into a number for subtraction.

---

Conclusion

Understanding variables and data types is a fundamental step in learning JavaScript. Variables allow you to store and manage data in your programs, while data types define the kind of data you’re working with, from strings to numbers, booleans, and beyond.

As you continue learning JavaScript, you'll frequently use variables and work with various data types to build interactive and dynamic web applications. By mastering how to manipulate these data types, you’ll be able to write more efficient and effective code.

以上是JavaScript 變數和資料類型：在 JavaScript 中儲存和操作資料。的詳細內容。更多資訊請關注PHP中文網其他相關文章！