[TIL] Javascript 220530

HJ Kim·2022년 5월 30일
0

TIL

목록 보기
5/27

1. Data Type (원시형)

원시형 (primitive) : number, string, boolean, null, undefined

  • 숫자
    ->말 그대로 숫자 데이터
console.log(10) // 숫자 10 출력
let age = 37
console.log(age) // age 변수에 있는 37 출력
  • 문자열 (String)
    -> 큰 따옴표("")나 작은 따옴표('')로 묶어줘야한다.
let name = 'HJ Kim'
console.log(name) // HJ Kim 출력
  • Boolean
    -> 참과 거짓을 나타내는 true/false 를 표현하는 데이터
let isMan = true
let isWoman = false

console.log(isMan) // true 출력
console.log(isWoman) // false 출력
  • null, undefined
    -> null : 텅 빈 값
    -> undefined : 값을 할당하지 않은 상태
let name = null
console.log(name) // null 출력

let age 
console.log(age) // undefined 출력

2. 연산자

  • 문자열 붙이기
    -> +를 사용하면 문자열 끼리 연결할 수 있음
    -> 또한 문자열과 숫자를 이어붙이면 숫자가 문자로 인식될 수 있다
console.log('My' + ' car') // My car 출력
console.log('1' + 2) // 12 출력 (12는 숫자가 아닌 문자열)
  • 템플릿 리터럴 (Template literals)
    -> 백틱(``)을 사용하여 문자열 데이터 표현 가능. 따옴표보다 간결하게 문자열 붙이기 가능.
    -> 뿐만 아니라 백틱 안에서 변수에 대한 값은 ${변수명} 으로 불러올 수 있다.
let shoesPrice = 200000
console.log(`신발의 가격은 ${shoesPrice} 입니다.`)
  • 산술연산 (Numeric Operators)
    -> 사칙연산 및 나머지연산, 거듭제곱도 있다.
console.log(2 + 1) // 3을 출력
console.log(2 - 1) // 1을 출력
console.log(4 / 2) // 2를 출력
console.log(2 * 3) // 6을 출력
console.log(10 % 3) // 1을 출력 
console.log(10 ** 2) // 100을 출력
  • 증감연산자 (Increment and Decrement operators)
    -> 값을 증가시키거나 감소시키는 연산자 (++, --)
let count = 1
const preIncrement = ++count // count 값을 먼저 1 증가시킨 후 결과값인 2를 할당

console.log(`count : ${count}, preIncrement: ${preIncrement}`) // count : 2, preIncrement : 2 출력

count = 1
const postIncrement = count++ // count 값인 1을 먼저 변수에 할당한 후 그 뒤에 count 값을 1 증가 시킨다 

console.log(`count : ${count}, postIncrement : ${postIncrement}`) // count : 2, postIncrement : 1 출력
  • 대입연산자 (Assignment operators)
    -> 변수에 값 할당시 사용 (=, +=, -= 등)
const shirtsPrice = 100000
const pantsPrice = 80000
let totalPrice = 0

totalPrice += shirtsPrice // totalPrice = totalPrice + shirtsPrice 와 동일
console.log(totalPrice)

totalPrice += pantsPrice // totalPrice = totalPrice + pantsPrice 와 동일
console.log(totalPrice)

totalPrice -= shirtsPrice // totalPrice = totalPrice - shirtsPrice 와 동일
console.log(totalPrice)
profile
티끌모아 태산을 아는 사람

0개의 댓글