자바스크립트 문법 02(심층)자바스크립트2022. 11. 8. 22:34
Table of Contents
728x90
반응형
06. 연산자
6-1) 문자열 붙이기
1. + 를 사용하여 문자열을 이어 붙일 수 있음
추가로 문자열과 숫자를 이어붙이면 숫자가 문자로 인식됨
console.log('My' + ' car') // My car를 출력
console.log('1' + 2) // 12를 출력
2. 템플릿 리터럴 (Template literals)
백틱(``) 을 사용하여 문자열 데이터를 표현할 수 있음
이중 따옴표나 작은 따옴표로 문자열을 표현할 때보다 간결하게 문자열 붙이기가 가능
const shoesPrice = 200000
console.log(`이 신발의 가격은 ${shoesPrice}원입니다`)
// console.log('이 신발의 가격은 ' + shoesPrice + '원입니다') 와 동일
// + 를 활용한 문자열 붙이기보다 간결하게 표현할 수 있다는 게 보이시나요?
6-2) 산술연산자 (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) // 나머지(remainder) 연산자. 1을 출력
console.log(10 ** 2) // exponentiation. 10의 2승인 100을 출력
6-3) 증감연산자 (Increment and Decrement operators)
자기 자신의 값을 증가시키거나 감소시키는 연산자(++, —)라고 생각하면 좋을것
이 증감연산자를 변수앞에 놓는냐, 변수뒤에 놓느냐에 따라 차이가 있음
let count = 1
const preIncrement = ++count
// 증감연산자를 앞에 놓게 되면 아래 주석으로 처리한 두 줄의 코드와 같은 내용입니다.
// 먼저 자기 자신에게 1을 더해서 재할당 한 후, 이를 preIncrement 에 할당했다는 의미입니다.
// count = count + 1
// const preIncrement = count
console.log(`count: ${count}, preIncrement: ${preIncrement}`) // count: 2, preIncrement: 2
let count = 1
const postIncrement = count++
// 증감연산자를 뒤에 놓게 되면 아래 주석으로 처리한 두 줄의 코드와 같은 내용입니다.
// postIncrement에 자기 자신의 값을 먼저 할당하고, 이후에 1을 더해서 재할당합니다.
// const postIncrement = count
// count = count + 1
console.log(`count: ${count}, postIncrement: ${postIncrement}`) // count: 2, postIncrement: 1
count 변수를 const 가 아닌 let 구문으로 선언한 이유는?
우리가 증감연산자를 활용해 count의 값을 계속 증가시키고 다시 count에 할당하고 있기 때문에
const를 사용하면 에러가 발생
6-4) 대입연산자 (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)
728x90
반응형
'(심층)자바스크립트' 카테고리의 다른 글
타강의 3) 자바스크립트 (0) | 2022.11.28 |
---|---|
타강의 2) 자바스크립트 (0) | 2022.11.26 |
짧게 짧게 알게 된 것 정리 1 (0) | 2022.11.25 |
타강의 1) 자바스크립트 (0) | 2022.11.17 |
자바스크립트 문법 01 (1) | 2022.11.08 |
@min' :: 개발을 하자
github : https://github.com/dnjfht
포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!