728x90
반응형
연산자에 대해서 알아보자
문자열 붙이기
- +를 사용하여 문자열 이어 붙일 수 있다.
console.log('my' + 'car')
console.log('1' + 2)
console.log(1+2)
해당 코드를 실행시켜보자
[TERMINAL] 출력하면
mycar
12
3
12
3
출력된다.
결과값을 보면 알 수 있듯이
문자열과 숫자열을 같이 더하면
문자열로 인식하는것을 알 수 있다,
숫자열 1을 문자열 1로 인식하여 12로 출력하는것이다.
즉 12가 아닌 1,2 가 출력된것이다.
- 템플릿 리터럴 (Template literals)
백틱 ( ` ` ) 을 사용하여 문자열 데이터를 표현할 수 있다.
이중 혹은 작은 따옴표로 문자열을 표현할 때 보다 더 간결하게 문자열 붙이기가 가능하다.
const shoesprice = 200000
console.log(`이 신발의 가격은 ${shoesprice}원 입니다.`)
[TERMINAL] 출력하면
이 신발의 가격은 200000원 입니다.
라고 출력된다.
const shoesprice = 200000
console.log(`이 신발의 가격은 ${shoesprice}원 입니다.`)
console.log('이 신발의 가격은' + shoesprice + '원 입니다.')
아래의 방식보다 훨씬 더 간결하게 짜여진 모습으로 할 수 있다.
산술연산자 (Numeric operators)
숫자 데이터에 대한 여러 연산들 가능하다.
console.log(2 + 1)
console.log(2 - 1)
console.log(4 / 2)
console.log(2 * 3)
console.log(10 % 3)
console.log(10 ** 2)
[TERMINAL] 출력하면
3
1
2
6
1
100
출력된다.
사칙연산은 사칙연산대로 , % 는 나눈 나머지를 의미 **은 제곱을 의미한다.
증감연산자 (Increment and Decrement operators)
자기 자신의 값을 증가시키거나 감소시키는 연산자
++ -- 라고 생각하면 된다,
그런데 그 증감연산자를 어디에다 붙이느냐에 따라서 결과값이 달라진다.
let count = 1
const preIncrement = ++count
console.log(`count: ${count}, preIncrement: ${preIncrement}`)
[TERMINAL] 출력하면
count: 2, preIncrement: 2
let count = 1
const postIncrement = count++
console.log(`count: ${count}, postIncrement: ${postIncrement}`)
[TERMINAL] 출력하면
count: 2, postIncrement: 1
대입연산자 (Assignment operators)
const shirtsprice = 100000
const pantsprice = 80000
let totalprice = 0
totalprice += shirtsprice
console.log(totalprice)
totalprice += pantsprice
console.log(totalprice)
totalprice -= shirtsprice
console.log(totalprice)
[TERMINAL] 출력하면
100000
180000
80000
그 이유는 shirtsprice 와 pantsprice는 const로 바뀌지않는 변수로 할당했고
totalprice는 바뀔 수 있는 let으로 할당했다.
그 결과 대입 연산하면
totalprice ( 0 ) + shirtsprice ( 100000 ) = 100000
totalprice ( 100000 ) + pantsprice ( 80000 ) = 180000
totalprice ( 180000 ) - shirtsprice ( 100000 ) = 80000
으로 나온거다.
728x90
반응형
'📁𝐩𝐫𝐨𝐠𝐫𝐚𝐦𝐦𝐢𝐧𝐠𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞 > JavaScript' 카테고리의 다른 글
[JavaScript] 변수, 자료형, 함수, ( 조건문 ), ( 반복문 ) (0) | 2023.01.12 |
---|---|
[JavaScript] 변수, 자료형, 함수, 조건문, ( 반복문 ) (0) | 2023.01.12 |
[JavaScript] 변수, 자료형, 함수, ( 조건문 ), 반복문 (0) | 2023.01.12 |
[JavaScript] 변수, ( 자료형 ), 함수,조건문 , 반복문 - 연산자 (2) (0) | 2023.01.12 |
[JavaScript] ( 변수 ), 자료형, 함수, 조건문, 반복문 (0) | 2023.01.12 |