값의 유형 확인

JavaScriptJavaScriptBeginner
지금 연습하기

This tutorial is from open-source community. Access the source code

💡 이 튜토리얼은 영어로 번역되었습니다. 원본을 보려면 영어로 전환

소개

이 랩에서는 제공된 값이 지정된 유형인지 확인하는 JavaScript 함수를 살펴보겠습니다. is() 함수를 사용할 것이며, 이 함수는 constructor 속성과 Array.prototype.includes() 메서드를 활용하여 값이 지정된 유형인지 판단합니다. 이 랩을 통해 JavaScript 에서 타입 검사 (type checking) 에 대한 이해를 높일 수 있습니다.

값의 유형 확인 함수

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

  • Array.prototype.includes()를 사용하여 값이 undefined 또는 null이 아닌지 확인합니다.
  • Object.prototype.constructor를 사용하여 값의 constructor 속성을 지정된 type과 비교합니다.
  • 아래의 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 에서 더 많은 랩을 연습하여 기술을 향상시킬 수 있습니다.