Contents

JavaScript Operators

JavaScript Operators

Javascript의 연산자를 알아 봅시다.
종류가 많이 있어 많이 사용하는 것들 중심으로 먼저 알아보겠습니다.

1. 할당 연산자

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
// 할당 연산자
let numder = 0
numder += 10
console.log(numder)  // 10

numder -= 8
console.log(numder)  // 2

numder *= 10
console.log(numder)  // 20

numder ++  // 1을 더한다.
console.log(numder)  // 21

numder --  // 1을 뺀다.
console.log(numder)  // 20

// 종류 더 많이 존재합니다!

2. 비교 연산자

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
// 비교 연산자
3 > 2 //true
3 < 2 //false

"A" < "B"  //true
'z' < 'a'  //false

'a'.codePointAt(0) // 97(등록된 절대값)

// 동등 연산자(==)   이는 절대로 쓰지 않는다.
// 메모리에 같은 객체를 가리키거나 
// 같은 값을 갖도록 type 변환할 수 있다면 서로 같다고 판단.

const a = 1
const b = "1"
a == b //true

console.log(8*null) // 0
console.log('5'-1) // 4
console.log('5'+1) // 51
console.log("five" * 2) // NaN

// 하여 일치 연산자(===)를 사용한다. type도 같아야 동일하다고 판단.
const a = 1
const b = "1"
a === b //false

3. 논리 연산자

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
// 논리연산자
// And 연산자: &&
true && false // false
true && true // true

1 && 0 // 0
0 && 1 // 0
4 && 7 // 7

// Or 연산자: ||
false || ture // true
false || false // false

1 || 0 // 1
0 || 1 // 1
4 || 7 // 4

// Not 연산자 !
!true // false

4. 삼항(조건) 연산자

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
// 삼항 연산자(Ternary Operator)
true ? 1 : 2    // 1     if문과 비슷. true 면 1, false 면 2
false ? 1 : 2    // 2

const result = math.PI > 4 ? 'Yep' : 'Nope'
console.log(result) // Nope

let age = 21
let message = age < 7 ? '애기입니다.' :
    age < 20 ? '청소년입니다. ' :
    age < 100 ? '어른입니다. ':
    '사람입니다.'
console.log(message)  // 어른입니다.

더 많은 연산자들이 존재합니다. 더 알고 싶다면 MDN공식문서를 찾아 봅시다!