JS 튜토리얼

제이에스 홈 JS 소개 JS 어디로 JS 출력 JS 문 JS 구문 JS 코멘트 JS 변수 제이에스렛 JS 상수 JS 연산자 JS 산술 JS 할당 JS 데이터 유형 JS 함수 JS 객체 JS 이벤트 JS 문자열 JS 문자열 메서드 JS 문자열 검색 JS 문자열 템플릿 JS 번호 JS 숫자 메서드 JS 배열 JS 배열 메서드 JS 배열 정렬 JS 배열 반복 JS 배열 상수 JS 날짜 JS 날짜 형식 JS 날짜 가져오기 메서드 JS 날짜 설정 방법 JS 수학 JS 랜덤 JS 부울 JS 비교 JS 조건 JS 스위치 JS 루프 In에 대한 JS 루프 의 JS 루프 JS 루프 동안 JS 브레이크 JS 이터러블 JS 세트 JS 맵 JS 유형 JS 유형 변환 JS 비트와이즈 JS 정규 표현식 JS 오류 JS 범위 JS 호이스팅 JS 엄격 모드 JS 이 키워드 JS 화살표 함수 JS 클래스 JS JSON JS 디버깅 JS 스타일 가이드 JS 모범 사례 JS 실수 JS 성능 JS 예약어

JS 버전

JS 버전 JS 2009(ES5) JS 2015(ES6) JS 2016 JS 2017 JS 2018 JS IE / 엣지 JS 연혁

JS 객체

객체 정의 개체 속성 개체 메서드 개체 표시 개체 접근자 객체 생성자 개체 프로토타입 객체 반복 가능 객체 세트 객체 맵 개체 참조

JS 함수

기능 정의 기능 매개변수 함수 호출 함수 호출 기능 적용 함수 클로저

JS 클래스

수업 소개 클래스 상속 클래스 정적

JS 비동기

JS 콜백 JS 비동기 JS 약속 JS 비동기/대기

JS HTML DOM

DOM 소개 DOM 메서드 DOM 문서 DOM 요소 DOM HTML DOM 양식 DOM CSS DOM 애니메이션 DOM 이벤트 DOM 이벤트 리스너 DOM 탐색 DOM 노드 DOM 컬렉션 DOM 노드 목록

JS 브라우저 BOM

JS 창 JS 화면 JS 위치 JS 연혁 JS 네비게이터 JS 팝업 경고 JS 타이밍 JS 쿠키

JS 웹 API

웹 API 소개 웹 양식 API 웹 기록 API 웹 스토리지 API 웹 작업자 API 웹 가져오기 API 웹 지리적 위치 API

JS 아약스

AJAX 소개 AJAX XMLHttp AJAX 요청 AJAX 응답 AJAX XML 파일 AJAX PHP AJAX ASP AJAX 데이터베이스 AJAX 애플리케이션 AJAX 예제

JS JSON

JSON 소개 JSON 구문 JSON 대 XML JSON 데이터 유형 JSON 구문 분석 JSON 문자열화 JSON 객체 JSON 배열 JSON 서버 JSON PHP JSON HTML JSON JSONP

JS 대 jQuery

jQuery 선택기 제이쿼리 HTML 제이쿼리 CSS 제이쿼리 DOM

JS 그래픽

JS 그래픽 JS 캔버스 JS 플로틀리 JS 차트.js JS 구글 차트 JS D3.js

JS 예제

JS 예제 JS HTML DOM JS HTML 입력 JS HTML 객체 JS HTML 이벤트 JS 브라우저 JS 편집기 JS 연습 JS 퀴즈 JS 인증서

JS 참조

자바스크립트 객체 HTML DOM 객체


자바스크립트 유형


JavaScript에는 값을 포함할 수 있는 5가지 다른 데이터 유형이 있습니다.

  • string
  • number
  • boolean
  • object
  • function

6가지 유형의 객체가 있습니다.

  • Object
  • Date
  • Array
  • String
  • Number
  • Boolean

그리고 값을 포함할 수 없는 2가지 데이터 유형:

  • null
  • undefined

typeof 연산자

연산자를 사용하여 typeofJavaScript 변수의 데이터 유형을 찾을 수 있습니다.

예시

typeof "John"                 // Returns "string"
typeof 3.14                   // Returns "number"
typeof NaN                    // Returns "number"
typeof false                  // Returns "boolean"
typeof [1,2,3,4]              // Returns "object"
typeof {name:'John', age:34}  // Returns "object"
typeof new Date()             // Returns "object"
typeof function () {}         // Returns "function"
typeof myCar                  // Returns "undefined" *
typeof null                   // Returns "object"

다음 사항을 준수하십시오.

  • NaN의 데이터 유형은 숫자입니다.
  • 배열의 데이터 유형은 객체입니다.
  • 날짜의 데이터 유형은 객체입니다.
  • null의 데이터 유형은 객체입니다.
  • 정의되지 않은 변수의 데이터 유형이 정의되지 않음 *
  • 값이 할당되지 않은 변수의 데이터 유형도 정의되지 않음 *

typeofJavaScript 개체가 배열(또는 날짜)인지 확인하는 데 사용할 수 없습니다 .



원시 데이터

기본 데이터 값은 추가 속성 및 메서드가 없는 단일 단순 데이터 값입니다.

연산자 는 typeof다음 기본 유형 중 하나를 반환할 수 있습니다.

  • string
  • number
  • boolean
  • undefined

예시

typeof "John"              // Returns "string"
typeof 3.14                // Returns "number"
typeof true                // Returns "boolean"
typeof false               // Returns "boolean"
typeof x                   // Returns "undefined" (if x has no value)

복잡한 데이터

연산자는 두 typeof가지 복합 유형 중 하나를 반환할 수 있습니다.

  • function
  • object

연산자 는 typeof개체, 배열 및 null에 대해 "객체"를 반환합니다.

연산자 는 typeof함수에 대해 "객체"를 반환하지 않습니다.

예시

typeof {name:'John', age:34} // Returns "object"
typeof [1,2,3,4]             // Returns "object" (not "array", see note below)
typeof null                  // Returns "object"
typeof function myFunc(){}   // Returns "function"

JavaScript에서 배열은 객체이기 때문에 typeof연산자는 배열에 대해 " "를 반환 합니다 .object


typeof의 데이터 유형

연산자 는 typeof변수가 아닙니다. 운영자입니다. 연산자( + - * / )에는 데이터 유형이 없습니다.

그러나 typeof연산자는 항상 문자열 (피연산자 유형 포함)을 반환합니다.


생성자 속성

속성 은 constructor모든 JavaScript 변수에 대한 생성자 함수를 반환합니다.

예시

"John".constructor                // Returns function String()  {[native code]}
(3.14).constructor                // Returns function Number()  {[native code]}
false.constructor                 // Returns function Boolean() {[native code]}
[1,2,3,4].constructor             // Returns function Array()   {[native code]}
{name:'John',age:34}.constructor  // Returns function Object()  {[native code]}
new Date().constructor            // Returns function Date()    {[native code]}
function () {}.constructor        // Returns function Function(){[native code]}

생성자 속성을 확인하여 객체가 다음과 같은지 확인할 수 있습니다 Array ("배열"이라는 단어 포함).

예시

function isArray(myArray) {
  return myArray.constructor.toString().indexOf("Array") > -1;
}

또는 더 간단하게 객체가 Array 함수 인지 확인할 수 있습니다 .

예시

function isArray(myArray) {
  return myArray.constructor === Array;
}

생성자 속성을 확인하여 객체가 a Date("Date"라는 단어 포함)인지 확인할 수 있습니다.

예시

function isDate(myDate) {
  return myDate.constructor.toString().indexOf("Date") > -1;
}

또는 더 간단하게 객체가 Date 함수 인지 확인할 수 있습니다 .

예시

function isDate(myDate) {
  return myDate.constructor === Date;
}


찾으시는 주소가 없습니다

JavaScript에서 값이 없는 변수에는 값이 undefined있습니다. 유형도 undefined입니다.

예시

let car;    // Value is undefined, type is undefined

값을 로 설정하여 모든 변수를 비울 수 있습니다 undefined. 유형도 입니다 undefined.

예시

car = undefined;    // Value is undefined, type is undefined

빈 값

빈 값은 와 관련이 없습니다 undefined.

빈 문자열에는 유효한 값과 유형이 모두 있습니다.

예시

let car = "";    // The value is "", the typeof is "string"

없는

JavaScript null에서 "아무것도"입니다. 존재하지 않는 존재라고 봐야 합니다.

불행히도 JavaScript에서 의 데이터 유형은 null객체입니다.

typeof null객체 인 JavaScript의 버그라고 생각할 수 있습니다 . 그것은 있어야합니다 null.

다음과 같이 설정하여 개체를 비울 수 있습니다 null.

예시

let person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
person = null;    // Now value is null, but type is still an object

다음과 같이 설정하여 개체를 비울 수도 있습니다 undefined.

예시

let person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
person = undefined;   // Now both value and type is undefined

정의되지 않은 것과 널의 차이점 - 2020 - 다른 사람

undefinednull은 같지만 유형이 다릅니다.

typeof undefined           // undefined
typeof null                // object

null === undefined         // false
null == undefined          // true