JavaScript 데이터 유형에 대한 이해: 원시 및 비원시

JavaScript에서 데이터 유형은 기본 및 비기본(참조) 유형의 두 가지 주요 범주로 나뉩니다. 이러한 구별은 데이터가 메모리에 저장되고 액세스되는 방식을 이해하는 데 필수적입니다. 각 유형을 세분화하여 어떻게 작동하는지 살펴보겠습니다.

기본 데이터 유형

JavaScript에는 7가지 기본 데이터 유형이 있습니다.

1. 문자열
   
   "Hello World"와 같은 텍스트 데이터를 나타냅니다.

2. 숫자
   
   정수와 부동 소수점 숫자(예: 100, 100.3)를 모두 나타냅니다. 다른 언어와 달리 JavaScript는 정수와 부동 소수점을 구분하지 않습니다. 모두 숫자일 뿐입니다.
   

   const score = 100;
   const scoreValue = 100.3;
   console.log(typeof scoreValue); // Output: number
   

3. 부울
   
   논리값(true 또는 false)을 나타냅니다.
   

   const isLoggedIn = true;
   console.log(typeof isLoggedIn); // Output: boolean
   

4. 기호
   
   고유 식별자를 나타냅니다. 동일한 설명으로 두 개의 심볼을 생성하더라도 서로 다릅니다.
   

   const id = Symbol('123');
   const anotherId = Symbol('123');
   console.log(id === anotherId); // Output: false
   

5. 무효
   
   의도적으로 객체 값이 없음을 나타냅니다.
   

   const outsideTemp = null;
   console.log(typeof outsideTemp); // Output: object
   

6. 정의되지 않음
   
   선언되었지만 아직 값이 할당되지 않은 변수를 나타냅니다.
   

   let weather;
   console.log(typeof weather); // Output: undefined
   

7. 빅인트
   
   임의의 정밀도로 정수를 나타내므로 Number의 안전한 정수 제한을 초과하는 큰 숫자로 작업할 수 있습니다.
   

   const bigNumber = 23873847283748289483n;
   console.log(typeof bigNumber); // Output: bigint
   

기본 데이터 유형: 값별 호출

기본 유형은 변수와 관련된 메모리 위치에 직접 저장됩니다. 기본 값을 다른 변수에 할당하면 해당 값의 새 복사본이 생성됩니다.

let myName = "Aman";
let myOtherName = myName;
myOtherName = "Dawn";
console.log(myName);       // Output: Aman
console.log(myOtherName);  // Output: Dawn

위 예에서는 값의 새 복사본이 생성되었으므로 myOtherName을 변경해도 myName에는 영향을 미치지 않습니다.

비원시 데이터 유형

참조 유형이라고도 하는 비원시 유형에는 다음이 포함됩니다.

1. 배열
   
   모든 유형의 요소 컬렉션을 목록으로 저장합니다.
   

   const heros = ["ironman", "spiderman", "batman"];
   console.log(typeof heros); // Output: object
   

2. 객체
   
   키가 문자열 또는 기호이고 값은 모든 유형일 수 있는 키-값 쌍의 컬렉션입니다.
   

   let myObj = {
       name: "Ayush",
       age: 21,
   };
   console.log(typeof myObj); // Output: object
   

3. 기능
   
   특정 작업을 수행하도록 설계된 코드 블록으로, 변수에 저장할 수 있습니다.
   

   const myFunction = function() {
       console.log("Hello World");
   };
   console.log(typeof myFunction); // Output: function
   

비원시 데이터 유형: 참조에 의한 호출

비원시 유형은 힙에 저장되며 변수는 실제 데이터에 대한 참조(메모리 주소)를 보유합니다. 기본이 아닌 유형을 다른 변수에 할당하면 두 변수 모두 동일한 메모리 위치를 가리킵니다.

let userOne = {
    email: "user1@google.com",
    upi: "user@ybl"
};
let userTwo = userOne;
userTwo.email = "aman@google.com";
console.log(userOne.email);  // Output: aman@google.com
console.log(userTwo.email);  // Output: aman@google.com

위의 예에서 userTwo.email을 수정하면 userOne.email도 변경됩니다. 두 변수 모두 메모리에서 동일한 개체를 참조하기 때문입니다.

주요 시사점

• 기본 유형은 값을 직접 저장하는 간단한 데이터 유형입니다. 이는 변경할 수 없으며 각 변수는 자체 데이터 복사본을 보유합니다.
• 비원시 유형은 더 복잡하며 변수는 데이터에 대한 참조를 저장합니다. 하나의 변수를 변경하면 동일한 데이터를 참조하는 다른 변수에 영향을 미칠 수 있습니다.
• JavaScript에서 효율적이고 버그 없는 코드를 작성하려면 이러한 차이점을 이해하는 것이 중요합니다.

즐거운 코딩 하시고 다음편에서 만나요!!!

위 내용은 JavaScript 데이터 유형에 대한 이해: 원시 및 비원시의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!