>웹 프론트엔드 >JS 튜토리얼 >JavaScript 데이터 유형 이해

JavaScript 데이터 유형 이해

DDD
DDD원래의
2024-12-27 17:48:11189검색

Understanding JavaScript Data Types

JavaScript는 동적 유형 언어입니다. 즉, 변수를 선언할 때 변수의 데이터 유형을 지정할 필요가 없습니다. 데이터 유형은 실행 중에 필요에 따라 자동으로 결정되거나 변환됩니다. 이 기능은 JavaScript를 유연하고 개발자 친화적으로 만듭니다.

데이터 유형이란 무엇입니까?

데이터 유형은 변수가 저장하고 조작할 수 있는 데이터의 종류를 정의합니다. JavaScript 변수는 모든 유형의 데이터를 보유할 수 있습니다. JavaScript에서 데이터 유형은 크게 두 가지 유형으로 분류됩니다.
1️⃣ 원시 데이터 유형(7종)
2️ 비원시 데이터 유형(1가지 유형)

1️⃣ 원시 데이터 유형: 구성 요소

이것은 JavaScript의 가장 기본적인 데이터 유형이며 불변입니다. 즉, 값을 변경할 수 없습니다.

(1) 문자열: 텍스트 데이터를 나타냅니다. 자바스크립트에는 큰따옴표, 작은따옴표, 백틱의 3가지 유형의 따옴표가 있습니다.
? 예:

const fname = 'Richa'; // Single quotes
const language = "JavaScript"; // Double quotes
const study = `webDev`; // Backticks
console.log(fname, language, study); // Output: Richa JavaScript webDev

(2) 숫자: 숫자 값(정수 및 부동 소수점 숫자 모두)을 나타냅니다.
? 예:

const total = 0;
const PI = 3.14;
console.log(total, PI); // Output: 0 3.14

(3) BigInt: Number 유형이 처리할 수 있는 것보다 큰 정수를 나타냅니다. BigInt 값은 정수 끝에 n을 추가하여 생성됩니다.
? 예:

const bigNumber = 1234567890123456789012345678901234567890n;
console.log(bigNumber); // Output: 1234567890123456789012345678901234567890n

(4) 부울: 참 또는 거짓의 논리값을 나타냅니다.
? 예:

const isPrimeNumber = true;
const isNewUser = false;
console.log(isPrimeNumber, isNewUser); // Output: true false

(5) Null: 의도적으로 비어 있거나 알 수 없는 값을 나타냅니다.
? 예:

const data = null;
console.log(data); // Output: null

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

let result;
console.log(result); // Output: undefined

/* Uncomment the following code and see what output will return */
/* let result = undefined;
console.log(result); */

let result_1 = undefined;
console.log(result_1); // Output: undefined

(7) 기호: ES6(2015)에서 도입되었으며 고유하고 불변하는 값을 나타냅니다. 기호 유형은 객체에 대한 고유 식별자를 만드는 데 사용됩니다. 지금은 이것에 대해서만 간략하게 언급하겠습니다. 자세한 내용은 추후에 다루도록 하겠습니다.
? 예:

const uniqueId = Symbol("id");
console.log(uniqueId); // Output: Symbol(id)

2️ 비원시 데이터 유형: 복잡한 구조

이러한 데이터 유형은 값 모음이나 더 복잡한 엔터티를 보유할 수 있습니다.
(1) 객체: 각 속성이 키-값 쌍으로 정의되는 속성 모음입니다.
? 예:

// object literal
const person = {
    firstName: "Richa",
    lastName: "webDev",
    age: 50
};
// dot (.) notation for access properties
console.log(person.firstName); // Output: Richa

연산자 유형

typeof 연산자는 JavaScript 변수 또는 표현식의 데이터 유형을 반환합니다.
? 예:

console.log(typeof "Richa"); // Output: string  
console.log(typeof 0); // Output: number  
console.log(typeof 123); // Output: number  
console.log(typeof 123.12); // Output: number  
console.log(typeof (12 + 8)); // Output: number  
console.log(typeof true); // Output: boolean  
console.log(typeof 25n); // Output: bigint  
console.log(typeof undefined); // Output: undefined  
console.log(typeof null); // Output: object
console.log(typeof Symbol("uId")); // Output: symbol  
console.log(typeof function(){}); // Output: function  
console.log(typeof Math); // Output: object  

주요 사항:

  • 개체의 키에는 하이픈을 포함할 수 없으며, 필요한 경우가 아니면 따옴표는 선택 사항입니다.
  • 객체 속성에 액세스하려면 점(.) 표기법을 사용하세요.
  • 기본 유형은 변경할 수 없지만 기본이 아닌 유형(객체 및 배열 등)은 변경할 수 있습니다.
  • 일반적으로 변수에 '빈' 또는 '알 수 없는' 값을 할당하기 위해 null을 사용하고, 할당되지 않은 항목에 대한 기본 초기 값으로 정의되지 않음을 예약합니다.
  • null 유형의 연산자는 "객체"를 반환합니다. 이는 언어 오류이며 객체가 아닙니다.

결론

JavaScript의 데이터 유형을 이해하는 것은 언어에 능숙해지기 위한 기초입니다. 숫자, 문자열 또는 복잡한 객체를 다루는 경우 이러한 유형을 효과적으로 사용하고 조작하는 방법을 알면 프로그래밍 기술을 크게 향상시킬 수 있습니다.

JavaScript 데이터 유형에서 가장 좋아하는 사용 사례는 무엇입니까? 아래 댓글에서 여러분의 생각을 공유해 주세요! ?

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.