자바스크립트(4) 연산자 -1

자바스크립트 강의 

개발일지

학습 진행 내용

연산자에 대한 이해

 

연산자

문자열 붙이기

+ 를 사용하여 문자열을 이어 붙일 수 있다.

※ 문자열과 숫자를 이어붙이면 숫자가 문자로 인식된다

console.log('My' + ' car') // My car를 출력
console.log('1' + 2) // 12를 출력

 

템플릿 리터럴 (Template literals)

백틱(``) 을 사용하여 문자열 데이터를 표현할 수 있다.

(키보드상 보통 숫자 1 왼쪽에 있는게 백틱이다. 엔터키 왼쪽에 있는 작은따옴표 '와 혼동되어 잘못쓰면 코드 작동 안함)

이중 따옴표나 작은 따옴표로 문자열을 표현할 때보다 간결하게 문자열 붙이기가 가능하다.

const shoesPrice = 200000
console.log(`이 신발의 가격은 ${shoesPrice}원입니다`) 
// 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) // 나머지(remainder) 연산자. 1을 출력
console.log(10 ** 2) // exponentiation. 10의 2승인 100을 출력

 

증감연산자 (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 변수를 let 구문으로 선언해야 오류가 없다.

증감연산자를 활용, count의 값을 계속 증가시키고 다시 count에 할당하고 있기때문에 const를 사용하면 에러가 발생한다.

(let은 변수에 재할당이 가능하지만, const는 변수 재선언, 재할당 불가능 하기 때문임)

 

대입연산자 (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)