JavaScript에서 변수나 객체의 유형을 확인하는 방법은 무엇입니까?

WBOY
풀어 주다: 2023-09-03 10:09:02
앞으로
1278명이 탐색했습니다.

如何在 JavaScript 中检查变量或对象的类型?

JavaScript는 느슨한 유형의 프로그래밍 언어입니다. 즉, 변수 유형 선언에 대한 규칙이 없습니다. 변수는 프로그램에 여러 데이터 유형을 저장할 수 있으므로 변수를 사용하기 전에 변수 유형을 이해하는 것이 중요합니다. JavaScript에서는 typeof 연산자를 사용하여 변수나 객체의 유형을 확인할 수 있습니다. typeof 연산자는 변수를 가져와 해당 유형을 문자열 형식으로 반환합니다.

typeof 연산자 외에도 JavaScript는 변수나 객체의 유형을 확인하기 위한 instanceof 연산자도 제공합니다. instanceof 연산자는 확인할 개체와 확인할 유형의 생성자라는 두 가지 매개 변수를 허용합니다. 이 연산자는 생성자가 객체 유형인 경우 true를 반환합니다.

연산자 유형 사용

typeof 연산자는 매개변수를 허용하고 매개변수 유형을 나타내는 문자열을 반환하는 단항 연산자입니다. 예를 들어 typeof 연산자를 사용하여 변수나 개체의 유형을 확인할 수 있습니다.

문법

으아아아

위 구문에서 Variable_name은 유형을 결정할 변수의 이름입니다.

typeof 연산자는 다음 문자열 중 하나를 반환할 수 있습니다. -

  • "숫자"는 숫자를 의미합니다

  • "문자열"은 문자열을 의미합니다

  • "부울"

  • "정의되지 않음"은 정의되지 않은 값을 의미합니다

  • "객체"는 객체(배열 및 함수 포함)를 의미합니다

  • 기호에 대한 "symbol"(ECMAScript 2015의 새로운 기능)

이 예에서는 typeof 연산자를 사용하여 JavaScript에서 변수나 객체의 유형을 확인합니다. 숫자, 문자열, 부울 등과 같은 다양한 유형의 여러 변수를 선언했습니다. 우리는 웹 페이지에 이러한 변수를 표시합니다. 변수 유형을 확인하기 위해 버튼의 클릭 이벤트 핸들러를 사용했습니다. 사용자는 버튼을 클릭하기만 하면 웹 페이지에서 모든 변수와 해당 유형을 볼 수 있습니다. typeof 연산자는 특정 작업을 수행하기 전에 변수나 객체의 유형을 결정하는 데 도움이 됩니다. 예를 들어, 산술 연산을 수행하기 전에 변수가 숫자인지 확인하거나 변수를 다른 문자열과 연결하기 전에 변수가 문자열인지 확인하는 데 사용할 수 있습니다.

으아아아

instanceof 연산자를 사용하세요

JavaScript에서 instanceof 연산자는 런타임 시 객체 유형을 결정하는 데 사용됩니다. 객체가 특정 클래스의 인스턴스인지 여부를 나타내는 부울 결과를 반환합니다.

문법

으아아아

위 구문에서 object_name은 유형을 확인하려는 개체의 이름입니다.

이 예에서는 instanceof 연산자를 사용하여 JavaScript에서 변수나 개체의 유형을 확인합니다. String 클래스 생성자와 "myClass"의 객체인 사용자 정의 클래스 객체 "myClassObject"를 사용하여 문자열형 변수를 선언하고 이를 웹 페이지에 표시합니다. 버튼의 클릭 이벤트 핸들러를 사용하여 객체 유형을 확인하고 웹 페이지에 표시합니다.

으아아아

typeof 및 instanceof 연산자는 특정 개체와 함께 사용될 때 가끔 예상된 결과만 반환합니다. 예를 들어, typeof 연산자는 배열이 JavaScript의 객체 유형이더라도 배열에 대해 "객체"를 반환합니다. 값이 배열인지 제대로 확인하려면 Array.isArray() 메서드를 사용할 수 있습니다.

위 내용은 JavaScript에서 변수나 객체의 유형을 확인하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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