데이터 타입 확인 [패스트캠퍼스 챌린지 01일차]

typeof

console.log(typeof 'Hello World!') // string
console.log(typeof 123) // number
console.log(typeof true) // boolean
console.log(typeof undefined) // undefined
console.log(typeof null) //object
console.log(typeof {}) // object
console.log(typeof []) // object 

• // 뒤에는 실제 출력값
• null이랑 [ ] 배열데이터의 타입이 object로 되어 있음
• 앞으로 객체 데이터와 배열 데이터를 많이 쓰게 될 텐데,
  이 두 타입을 정확하게 구분하려면 'typeof'라는 키워드로는 노노
  → 하나의 함수를 만들어 타입을 구분하기
• 세미 콜론 왜 사용 안 하나?
  • 한 줄의 명령이 끝나면 세미콜론으로 명령이 끝났음을 명시해 주는 게 국룰이지만,
  • 효율성을 위해 굳이 매번 붙여주지 않아도 된다
  • 한줄에 하나의 명령만 하는 것에 주의!
  • 나중에 parcel-bundler가 압축하면서 알아서 세미콜론을 붙여줄 것임

---

데이터의 상세한 타입 얻는 방법

function getType(data){
  return Object.prototype.toString.call(data).slice(8,-1)
}

console.log(getType('Hello World!')) // String
console.log(getType(123)) // Number
console.log(getType(false)) //Boolean
console.log(getType(undefined)) // Undefined
console.log(getType(null)) // Null
console.log(getType({})) // Object
console.log(getType([])) // Array

---

import / export 맛보기

• 다른 JS 파일에서도 getType 함수를 쓰고 싶은데, 매번 복붙하는 건 효율 떨어짐
• import와 export→ export default로 시작→ 그리고 이 함수를 사용하고 싶은 파일로 가서 윗 줄에./getType.js에서 확장자는 생략 가능데이터 타입

  ---

  String
• 
• import getType from './getType'
• export default function getType(data){ return Object.prototype.toString.call(data).slice(8,-1) }
• → 루트 경로에 새로운 JS 파일 생성
  ex. getType.js

let name = 'Kaki' // 변수 name을 문자 데이터 Kaki로 선언
let hello = `Hello ${name}?` //${} 보간법 사용

• 문자 데이터 선언할 때 " ", ' ', 사용

---

Boolean data

• 두 가지 값 밖에 없는 논리 데이터 true / false

---

Undefined

• 값이 할당되지 않은 상태

let hi; // 값이 없죠
console.log(hi) // 출력값은 undefined

---

Null

• 어떤 값이 의도적으로 비어 있음(undefined랑 다름)

let hi = null; // 변수 hi의 값이 '비어 있다'고 선언

---

Object 객체 데이터

• {key:value, key:value} 여러 데이터도 오케이

let user = { name:'감나무', age:88}

---

Array

• [ 1, 99, '홍시' ] 여러 데이터를 순차적으로 저장
• 순서는 0부터 시작

---

https://bit.ly/37BpXiC
본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성되었습니다.

#직장인인강 #직장인자기계발 #패스트캠퍼스 #패스트캠퍼스후기 #패캠챌린지 #한번에끝내는프론트엔드개발초격차패키지Online