[javascript] 자바스크립트 타입 찾기

2023. 2. 27. 16:03· HTML-CSS-JavaScript/JavaScript
목차
  1. 문제
  2. 입력
  3. 인자 1 : anything
  4. 출력
  5. 주의 사항
  6. 입출력 예시

자바스크립트에는 여러가지 타입이 존재합니다.( Number , String  , Null , Undefined , Boolean ... 등 )

여기서 흔히 자바스크립트의 타입이 무엇인지 확인해보기 위해서는 typeof 연산자를 활용해서 타입을 찾을 수 있습니다. 

 

그럼 한번 타입을 찾아볼까요 ? 

배열의 타입은 object ?

결과를 보니 배열의 타입은 object라고 나와있습니다. 

object는 뭘까요 ?

그 전에 알아둬야 할 지식이있습니다. 바로 자바스크립트의 타입에는 원시값과 객체로 나뉩니다. 여기서 object 는 객체입니다. 

그럼 원시값은 뭘까요 ? 바로 boolean, number, undefined, string 등이 원시값에 속합니다. 

가장 헷갈리는 것이 string 타입의 원소 값을 바꾸고 싶을 때 보통  ' = ' 을 사용해서 바꿔주려고 생각하지만 자바스크립트의 string은 원시값이기 때문에 변경할 수 없습니다! 

str의 첫번째 요소를 g로 바꿀수 없다...

typeof 연산자는 리턴으로 원시값과 객체를 리턴합니다. 따라서 배열이라고 해서 'array'를 반환하지 않습니다 ! 

만약 배열인지 아닌지 확인하기 위해선? 

Array.isArrya(배열의 이름); 을통해 true 가 반환되면 배열이고 false 가 반환되면 배열이 아닌 것을 알 수 있습니다! 

 

getType

문제

임의의 값을 입력받아 타입을 리턴해야 합니다.

입력

인자 1 : anything

  • 임의의 값

출력

  • string 타입을 리턴해야 합니다.
1
ex) 'string', 'number', 'boolean', 'object', 'array', 'undefined', 'null', 'function'

주의 사항

  • 자바스크립트에서 array, null 타입은 존재하지 않지만, 이 둘을 구분하여 출력합니다.

입출력 예시

let output = getType('hello');
console.log(output); // --> 'string'

output = getType(10);
console.log(output); // --> 'number'

output = getType(true);
console.log(output); // --> 'boolean'

output = getType({ name: 'Steve' });
console.log(output); // --> 'object'

output = getType([100, 200, 300]);
console.log(output); // --> 'array'

 

자바스크립트에서 array, null 타입은 존재하지 않지만 둘을 구분하여 출력해보겠습니다 ! 

function getType(anything) {
  // TODO: 여기에 코드를 작성합니다.
  let type ='';
  if(Array.isArray(anything)=== true){
    type = 'array';
  }
  else if(anything === null){
    type ="null"
  }
  else
    type = typeof(anything);
  
  return type;
}

 

오늘은 이렇게 자바스크립트의 타입을 알아보는 문제를 풀어보았습니다. 

오늘도 열공!! 

'HTML-CSS-JavaScript > JavaScript' 카테고리의 다른 글

[javascript] Scope에 대해  (2) 2023.03.02
[javascript] 원시 자료형과 참조 자료형 , 얕은 복사와 깊은 복사  (0) 2023.03.02
[javascript] 배열 join() 사용하기  (0) 2023.02.28
[javascript] 배열 slice() 사용하기  (0) 2023.02.27
[javascript] for of 문이란 ?  (0) 2023.02.27
  1. 문제
  2. 입력
  3. 인자 1 : anything
  4. 출력
  5. 주의 사항
  6. 입출력 예시
'HTML-CSS-JavaScript/JavaScript' 카테고리의 다른 글
  • [javascript] 원시 자료형과 참조 자료형 , 얕은 복사와 깊은 복사
  • [javascript] 배열 join() 사용하기
  • [javascript] 배열 slice() 사용하기
  • [javascript] for of 문이란 ?
배트리버
배트리버
🐾 사람 좋아, 개발 좋아 🐾 궁금한 건 끝까지 파고들고, 배운 건 즐겁게 나누는 개발자의 놀이터
배트리버
리트리버의 개발 놀이터
배트리버
전체
오늘
어제
  • 분류 전체보기
    • 네트워크
    • 기초 셋팅
    • 오늘의 일기
    • 리액트
    • 코테 준비
      • 프로그래머스
      • 백준
    • 코드스테이츠44기 프론트엔드
    • HTML-CSS-JavaScript
      • HTML
      • CSS
      • JavaScript
    • 자료구조&알고리즘
    • TypeScript
    • Git
    • Tip
    • 프로젝트
    • Next.js
    • 트러블슈팅

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 자바스크립트
  • BFS
  • 탄스택쿼리
  • 자바스크립트 비동기
  • 코드스테이츠
  • 네트워크
  • 프로젝트 회고
  • 코드스테이츠 44기
  • 티스토리챌린지
  • 코드스테이츠 회고록
  • 타입스크립트문법
  • 프로그래머스
  • 리액트쿼리
  • KPT 회고
  • 코드스테이츠 44기 프론트엔드
  • 리액트 상태관리
  • 코드스테이츠 블로깅
  • 오블완
  • 리액트
  • 코드스테이츠 프론트엔드

최근 댓글

최근 글

hELLO · Designed By 정상우.v4.2.2
배트리버
[javascript] 자바스크립트 타입 찾기
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.