> 웹 프론트엔드 > JS 튜토리얼 > JavaScript 유형 검사 | 프로그래밍 튜토리얼

JavaScript 유형 검사 | 프로그래밍 튜토리얼

WBOY
풀어 주다: 2024-08-30 18:32:00
원래의
846명이 탐색했습니다.

소개

이 문서에서는 다음과 같은 기술을 다룹니다.

JavaScript Type Checking | Programming Tutorials

이 실습에서는 제공된 값이 지정된 유형인지 확인하는 JavaScript 함수를 살펴보겠습니다. 생성자 속성과 Array.prototype.includes() 메서드를 활용하여 값이 지정된 유형인지 확인하는 is() 함수를 사용합니다. 이 실습은 JavaScript의 유형 검사를 더 잘 이해하는 데 도움이 됩니다.

값이 유형인지 확인하는 함수

제공된 값이 지정된 유형인지 확인하려면 다음 단계를 따르세요.

  • Array.prototype.includes()를 사용하여 값이 정의되지 않거나 null이 아닌지 확인하세요.
  • Object.prototype.constructor를 사용하여 값의 생성자 속성을 지정된 유형과 비교합니다.
  • 아래 함수 is()는 이러한 검사를 수행하고 값이 지정된 유형이면 true를 반환하고 그렇지 않으면 false를 반환합니다.
const is = (type, val) => ![, null].includes(val) && val.constructor === type;
로그인 후 복사

is()를 사용하면 값이 Array, ArrayBuffer, Map, RegExp, Set, WeakMap, WeakSet, String, Number 및 Boolean과 같은 다양한 유형인지 확인할 수 있습니다. 예:

is(Array, [1]); // true
is(Map, new Map()); // true
is(String, ""); // true
is(Number, 1); // true
is(Boolean, true); // true
로그인 후 복사

요약

축하합니다! 값이 유형인지 확인 실습을 완료했습니다. LabEx에서 더 많은 실습을 연습하여 기술을 향상시킬 수 있습니다.

JavaScript Type Checking | Programming Tutorials


? 지금 연습하세요: 값이 유형인지 확인하세요


더 자세히 알고 싶으십니까?

  • ? 최신 JavaScript 스킬 트리를 알아보세요
  • ? 더 많은 JavaScript 튜토리얼 읽기
  • ? Discord에 참여하거나 @WeAreLabEx로 트윗해 주세요.

위 내용은 JavaScript 유형 검사 | 프로그래밍 튜토리얼의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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