JS 03 Types & Operators

Seungju Hwang·2020년 12월 30일
0

JavaScript

목록 보기
3/13
post-thumbnail

Types


🔵 Primary Type

원시자료형.
JS 전체 자료형은 일반적으로 7가지가 존재하는데, 이 중 원시 자료형은 객체(object)와 심볼(symbol)을 제외한 것들을 말한다.

Number

const NumberA = 15
const NumberB = -5
const NumberC = 3.14
const NumberD = -Infinity
const NumberE = NaN // Not a number
typeof(NumberE)  
// 결과 : number.. 숫자는 아니지만 숫자이다..

String

const greeting = "안녕?"
const yourName = "SJ"
const messageOne = `${greeting} ${yourName}` //ES6+ 
const messageTwo = greeting + ' ' + yourName //옛날 방식
// 두가지 다 결과 : 안녕? SJ

Boolean

const isTrue = true
const isFalse = false

Undefined

  • 값이 없을 경우, JS가 자동으로 할당하는 값
let hi
console.log(hi)
//결과 : undefined

Null

  • 의도적으로 빈 값을 설정할 때 사용
let bye = null
console.log(bye)
//결과 : null

null의 타입이 object??

typeof(undefined)
// undefined
typeoif(null)
// object 

🔵 Operator

할당연산자

let changeVariable = 0
changeVariable += 1
changeVariable -= 3
changeVariable *=4
changeVariable++
changeVariable--

비교연산자

3<2 // false
3>3 // false
  • 문자열은 소문자가 대문자보다 크고 오름차순으로 비교한다
'A'<'B' // true
'a'<'A' // false

동등연산자(==)

  • 같은 타입 또는 같은 값을 갖도록 "자동 형변환"이 가능하다면 서로 같다고 판단. JS 엔진이 자동으로 형변환한다.
  • 절대 사용하지 말자
const numberOne = 1
const stringOne = '1'

numberOne == stringOne // True
0 == [] //true
0 == "" //true

일치연산자(===)

  • 값이 같고 타입까지 같아야 같음!
  • 무조건 이것을 사용하자
const numberTwo = 2
const stringTwo = '2'

numberTwo === stringTwo // False

논리연산자

  • && || ! and or not
true && false //거짓
true && true  //참

true || false //참
1 || 0 //참
0 || 1 //참

!true // false

삼항연산자⭐

condition ? true: false

const result = Math.PI > 4 ? 'Yes!' : 'Nope!'
console.log(result) // 'Nope!'
profile
기록하는 습관은 쉽게 무너지지 않아요.

0개의 댓글