반응형
아래 소스코드는 typeof 연산자를 사용하여 변수와 값의 데이터 타입(유형)을 확인하는 예제입니다.
개발 시 유용한 코드이니 알아두시면 도움 됩니다.
사용법
typeof 피연산자 //피연산자는 데이터 유형을 확인하려는 변수나 값입니다.
반환 값 | 설명 |
undefined | 피연산자가 정의되지 않았거나, 값이 할당되지 않았을 때 반환됩니다. |
boolean | 피연산자가 불리언 데이터 유형일 때 반환됩니다. |
number | 피연산자가 숫자 데이터 유형일 때 반환됩니다. |
string | 피연산자가 문자열 데이터 유형일 때 반환됩니다. |
object | 피연산자가 객체 데이터 유형일 때 반환됩니다. 이는 배열, 함수, 객체 리터럴 등을 포함합니다. |
function | 피연산자가 함수 데이터 유형일 때 반환됩니다. |
예제
<script>
let x;
console.log(typeof x); // "undefined", 값을 할당하지 않음
console.log(typeof 10); // "number"
let name = "John";
console.log(typeof name); // "string"
console.log(typeof "Hello, World!"); // "string"
let person = { name: "Alice" };
console.log(typeof person); // "object"
let isTrue = true;
console.log(typeof isTrue); // "boolean"
let numbers = [1, 2, 3, 4, 5];
console.log(typeof numbers); // "object" (주의: 배열은 객체의 하위 유형입니다)
function greet() {
console.log("Hello!");
}
console.log(typeof greet); // "function"
console.log(typeof z); // "undefined", 변수를 정의하지 않음
</script>
typeof 연산자는 변수나 값을 피연산자로 사용할 수 있으며, 해당 값의 데이터 유형을 확인합니다.
반응형
'개발이야기 > 자바스크립트' 카테고리의 다른 글
[자바스크립트] C3.js chart 사용법, 예제, 차트 그리기 (막대, 선, 원, 도넛, 파이 그래프) (0) | 2023.10.27 |
---|---|
[자바스크립트] indexOf() 활용해서 배열과 문자열 특정요소 검색하기 (사용법, 예제) (0) | 2023.10.24 |
[자바스크립트] DOMContentLoaded와 load 이벤트 차이점 (순서, 사용법, 예제) (0) | 2023.10.06 |
[자바스크립트] e.preventDefault(), e.stopPropagation() 이벤트 제어하기 (사용법, 예제, 차이점) (0) | 2023.10.05 |
[자바스크립트] JSON.stringify(), JSON.parse() 사용해서 JSON 데이터 변환하기 (예제, 사용법) (0) | 2023.10.04 |
댓글