TIL 2일차

JM.dev·2021년 5월 11일
1

TIL

목록 보기
2/8
post-thumbnail
post-custom-banner

TIL이란?
오늘 공부 한 내용을 매일매일 기록하는 방법

JS/Node

자바스크립트

타입(Typed)

혹시 이 블로그를 보시는 사람중 개발자를 지원하신분이나 혹은 개발자로 취직을 준비하는 사람이 있을 수 있을것 같아요. 예전에 저는 면접 질문중 "자바스크립트을 공부하셨다고 하셨죠? 그럼 타입에 대해서 설명해 보세요" 라는 질문을 받았을때, 머리가 하얗게 변하면서 아무것도 대답을 못했던 기억이 있습니다. 이젠 알려고 적은거에요ㅎㅎ 이 글을 보신분들이나 저에게 다시 한번 이런 질문이 주어진다면 틀리지 않기를 바라며

JavaScript의 데이터 타입 종류

  • 데이터 타입( 원시 타입 ): 원시 타입의 값은 변경 불가능한 값 (immutable value)이 며 pass-by-value(값에 의한 전달) 이다.

    • Boolean
    • Null
    • Undefined
    • Number (en-US)
    • String
    • Symbol (ECMAScript 6 에 추가됨)
  • 객체 타입 (object / reference type) = 참조 타입

    • 함수 (Function)
    • 배열 (Array)
    • 날짜 (Date)
    • 정규식 (RegExp)

1. 데이터 타입( 원시 타입 )

의미타입
42숫자를 의미(Number)Number
"bar"문자를 의미(String)String
True or False'참' 또는 '거짓'(Boolean)Boolean
Null변수가 참조하는 객체가 없음(null)을 나타낸다Null
Undefined어떤 변수를 만들고 그 값을 정의해주지 않았을때나 존재하지 않는 객체Undefined
Symbol()클래스나 객체 형식(object type)의 내부에서만 접근할 수 있도록 전용(private) 객체 속성의 키(key)로 사용 MDN Symbol 참조 링크Symbol

가장 기본적으로 숫자,문자열,불리언(Boolean) 을 이야기 할 것 같아요.
하지만 이것 외적으로 초보!! 분들은 더 알아야 할것이 있습니다. 바로 Null, Undefined, Symbol 들도 데이터 타입이란걸 알아야 합니다.
아마 저 처럼 잘 기억이 안나시는 분들이 분명 있을거에요.

2.객체 타입 (object / reference type) = 참조 타입

의미내용타입
배열 (Array)apple
banana
orange
자료형
함수 (Function)name = "Son"
age = 29
Football player = true
자료형
날짜 (Date)today = new Date();자료형
정규식 (RegExp)new RegExp(/ab+c/, 'i')자료형

두번째로는 '객체 타입' 입니다 '참조 타입' 이라고 불리기도 합니다

즉 저희는 "자바스크립트을 공부하셨다고 하셨죠? 그럼 타입에 대해서 설명해 보세요" 질문에 자바스크립트 타입은 데이터 타입 과 객체 타입이 있습니다. 라고 준비하셔도 될 것 같아요.
꼬리 물기 형식으로 데이터 타입은 무엇이 있나요?, 객체 타입에는 무엇이 있나요?
질문에 각각 종류들을 암기 하시길 바래요~

조건문 (if)

조건문에 대해서는 내가 햇갈리고 잘 잊어버리는 것을 적을까 합니다.
블로그 보시는 분들중 다들 공부를 열심히 하셔서 if문은 잘 아신다면 undefinded , 문자열true 인지 false인지 아시나요?

내용타입
if (undefinded) false
if ('Hi')true

그렇다면 !가 붙은 부정적일때도 비교 해보자

내용(NOT)타입
if (!undefinded) true
if (!'Hi')false

위에 내용을 기억해두며 마지막으로 실전에서 잘쓰이는 조건문 이지만 햇갈린다면 결과값이 다르게 나올 수 있는 것들을 정리해보면

내용(NOT)타입
if (null)false
if ('')false
if (0)false
if (undefinded)false
if (NaN)false

5가지는 현업에서 소스를 볼때 나올수있는 조건문이니 알아두자.

profile
차곡차곡 한단계 씩
post-custom-banner

0개의 댓글