상식닷컴
로그인
가입하기
2026년 상식닷컴 선정 식당 & 카페 리스트
2025년 2026년 신상 호텔 리스트
최근에 오픈한 호텔을 찾는다면 살펴보세요
일주일 식단표 어플
자동 일주일 식단표 어플
안드로이드
아이폰
주식 & 코인 차트의 신
1000만원으로 2000만원 만들기 프로젝트
수정하기 - 자바스크립트에서 데이터 타입은 무엇이 있나요?
닉네임
비밀번호
제목
내용
[이미지 업로드는 권한이 있는 사람만 가능. 하단 카톡으로 연락]
<a href='https://sangseek.com/sangseeks/자바/ko'>자바</a>스크립트는 동적 타입(dynamic typing) 언어로, 변수의 타입이 고정되어 있지 않고 실행 중에 변경될 수 있습니다. 자바스크립트에서 사용되는 데이터 타입은 크게 <a href='https://sangseek.com/sangseeks/기본 타입/ko'>기본 타입</a>(primitive types)과 객체 타입(object types)으로 나눌 수 있습니다. 아래에서 각각의 데이터 타입에 대해 자세히 설명하겠습니다. 1. 기본 타입 (Primitive Types)기본 타입은 불변(immutable)이며, 각각의 값이 독립적으로 존재합니다. 자바스크립트의 기본 타입은 다음과 같습니다:- Number : 숫자를 나타내며, 정수와 부동<a href='https://sangseek.com/sangseeks/소수점/ko'>소수점</a> 숫자를 모두 포함합니다. 예를 들어, `42`, `3.14`, `-7` 등이 있습니다. 자바스크립트는 특별한 숫자 값인 `NaN` (Not-a-Number)과 `Infinity`, `-Infinity`도 지원합니다.- String : 문자열을 나타내며, 텍스트 데이터를 표현하는 데 사용됩니다. 문자열은 작은따옴표(') 또는 큰따옴표(")로 감싸서 정의할 수 있습니다. 예를 들어, `"Hello, World!"`, `'J<a href='https://sangseek.com/sangseeks/avaScript/ko'>avaScript</a>'` 등이 있습니다.- Boolean : 논리적 값을 나타내며, `true` 또는 `false`의 두 가지 값만 가질 수 있습니다. 조건문이나 반복문에서 주로 사용됩니다.- Undefined : 변수가 선언되었지만 값이 할당되지 않은 상태를 나타냅니다. 자바스크립트에서 변수를 선언하고 값을 할당하지 않으면 자동으로 `undefined`로 초기화됩니다.- Null : 의도적으로 "<a href='https://sangseek.com/sangseeks/값이 없음/ko'>값이 없음</a>"을 나타내는 특별한 타입입니다. 변수가 null로 설정되면, 이는 해당 변수에 어떤 객체나 값이 없음을 의미합니다.- Symbol : ES6(ECMAScript 2015)에서 도입된 새로운 데이터 타입으로, 고유하고 변경 불가능한 값을 생성하는 데 사용됩니다. 주로 객체의 프로퍼티 키로 사용되어, 충돌을 방지하는 데 유용합니다.- BigInt : ES11(ECMAScript 2020)에서 도입된 타입으로, 아주 큰 정수를 표현할 수 있습니다. 일반적인 Number 타입이 안전하게 표현할 수 있는 정수의 범위를 넘어서는 경우에 사용됩니다. BigInt는 `n` 접미사를 붙여서 생성합니다. 예를 들어, `123456789012345678901234567890n`과 같이 사용할 수 있습니다. 2. 객체 타입 (Object Types)객체 타입은 기본 타입과 달리 mutable(변경 가능)하며, 여러 값을 하나의 단위로 묶을 수 있습니다. 자바스크립트에서 객체는 다음과 같은 형태로 존재합니다:- Object : 자바스크립트의 기본 객체 타입으로, 키-값 쌍으로 구성된 데이터를 저장합니다. 객체는 중괄호 `{}`로 정의하며, 예를 들어 `{ name: "Alice", age: 25 }`와 같이 사용할 수 있습니다.- Array : 객체의 특별한 형태로, 순서가 있는 값의 집합을 나타냅니다. <a href='https://sangseek.com/sangseeks/배열/ko'>배열</a>은 대괄호 `[]`로 정의하며, 예를 들어 `[1, 2, 3, 4]`와 같은 형태로 사용할 수 있습니다. 배열은 다양한 데이터 타입을 혼합하여 저장할 수 있습니다.- Function : 자바스크립트에서 함수도 객체로 취급됩니다. 함수는 호출 가능한 객체로, 특정 작업을 수행하는 코드 블록을 정의합니다. 예를 들어, `function add(a, b) { return a + b; }`와 같이 정의할 수 있습니다.- Date : 날짜와 시간을 다루기 위한 객체입니다. `new Date()`를 사용하여 현재 날짜와 시간을 가져오거나, 특정 날짜를 생성할 수 있습니다.- RegExp : 정규 표현식을 나타내는 객체로, 문자열 검색 및 패턴 매칭에 사용됩니다. 예를 들어, `/abc/`와 같은 형태로 정의할 수 있습니다.- Error : 오류를 나타내는 객체로, 자바스크립트에서 발생하는 다양한 오류를 처리하는 데 사용됩니다. 예를 들어, `new Error("Something went wrong")`와 같이 사용할 수 있습니다. 데이터 타입 확인자바스크립트에서는 `typeof` 연산자를 사용하여 변수의 데이터 타입을 확인할 수 있습니다. 예를 들어:```javascriptlet num = 42;console.log(typeof num); // "number"let str = "Hello";console.log(typeof str); // "string"let isTrue = true;console.log(typeof isTrue); // "boolean"let obj = { name: "Alice" };console.log(typeof obj); // "object"let arr = [1, 2, 3];console.log(typeof arr); // "object" (배열도 객체로 취급됨)let func = function() {};console.log(typeof func); // "function"let und;console.log(typeof und); // "undefined"let n = null;console.log(typeof n); // "object" (null은 객체로 잘못 분류됨)let sym = Symbol("description");console.log(typeof sym); // "symbol"let bigIntNum = 1234567890123456789012345678901234567890n;console.log(typeof bigIntNum); // "bigint"``` 결론자바스크립트는 다양한 데이터 타입을 제공하여 개발자가 필요에 따라 적절한 타입을 선택하고 사용할 수 있도록 합니다. 기본 타입과 객체 타입의 이해는 자바스크립트 프로그래밍에서 매우 중요하며, 이를 통해 보다 효과적으로 코드를 작성하고 디버깅할 수 있습니다. 데이터 타입의 특성과 동작 방식을 잘 이해하고 활용하는 것은 자바스크립트 개발의 핵심입니다.
이용안내
커뮤니티 이용안내
×
- 게시한 게시글로 발생하는 문제는 게시자에게 책임이 있습니다.
- 게시글이 타인/타업체의 저작권을 침해할 경우 모든 책임은 게시자에게 있습니다. 게시자가 모든 손해를 부담해야 합니다.
- 상식닷컴 운영자는 게시자와 상의하지 않고 게시글을 수정 또는 삭제할 수 있습니다.
- 상식닷컴 운영자는 깨끗한 커뮤니티 공간을 만드는 것이 1순위입니다.
수정하기
취소하기