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

JavaScript 데이터 유형 이해

DDD
풀어 주다: 2024-12-27 17:48:11
원래의
186명이 탐색했습니다.

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿