JavaScript_개념정리 / 연산자

연산자

---

연산자란 하나 이상의 표현식을 대상으로 산술,할당,비교,논리,타입 연상 등을 수행해 하나의 값을 만드는것입니다.

 

 

1. 산술 연산자

---

▶  산술 연산자는 수학적 계산을 수행해 새로운 값을 만듭니다. 만약 산술을 할 수 없는 경우에는 NaN을 반환합니다

 

// 산술 연산자는 쉽게 말해 덧셈, 뺄샘, 나누셈, 곱셈이라고 생각하면 된다. //

console.log(1 + 2)  // 3
console.log(6 - 2)  // 4
console.log(3 * 2)  // 6
console.log(8 / 4)  // 2

// 나머지 값 // 

console.log(8 / 2)  // 4

 

2. 할당 연산자

---

▶  할당 연산자는 우측에 있는 피연산자의 연산 결과를 변수에 할당시키는 연산자이다.

 

//할당 연산자//

let a = 2 
a = a + 1  // 노란색 대신 녹색을 쓸수 있다   a+= 1   // 같은 뜻이며 (초록색 부분) 이를 할당 연산자라 부른다

console.log(a)   // 3

 

3. 비교 연산자 & truthy값, falsy값

---

▶  비교 연산자는 좌측과 우측의 피연산자들을 비교하여 참과 거짓을 반환한다. 주로 조건에 많이 사용됩니다.  대표적으로 (부)동등이나 (불)일치 비교 연산자와, 대소 관계를 비교 연산자가 있습니다. 

 

// (불)일치 연산자 // (불)일치 연산자는 두개의 데이터를 비교할때 보편적으로 씁니다.
const a = 1
const b = '1'
console.log(a === b) // false

// (부)동등 연산자 // (부)동등 연산자는 형변환으로 인해 의도치 않은 결과 값이 나옵니다. 권장하지 않습니다
const c = 2
const d ='2'
console.log(c === d) //true

// truthy (참 같은 값) //
true, {} ,[] ,1,2, 'false' , -12. '3.14' ...

// falsy (거짓 같은 값) // 
false, '', null, undefined, 0, -0, NaN

// truthy값 및 falsy값 구분하는 법 //

if(true){  // 괄호안에 truthy값을 넣으면 콘솔로그 결과가 나오고 falsy 값을 넣으면 undefined가 나옵니다.
console.log('truthy면나옵니다')
}

// 대소 비교 연산자 //
1<2  // true
3<=3 // true
3>6 // false

▶ 자바스크립트 언어는 대부분 참 같은 값이여서 falsy 값만 외워도 충분합니다.

 

4. 논리 연산자

---

▶  논리 연산자는 우측과 좌측의 피연산자를 논리 연산하여 참과 거짓을 반환합니다.

 

// OR(||) 연산자 // OR연산자는 true 와 false중 하나라도 true가 있으면 true 입니다.
true || true // true
true || false // true
false || true // true
false || false // false

// AND(&&) 연산자// AND연산자는 두조건 중 하나라도 false가 있으면 false 입니다.
true && true // true
true && false // false
false && true // false
false && false // false

// NOT(!) 연산자 // 부정연산자는 반대로 출력됩니다.
!true // false
!false // true

 

참고자료

https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Expressions_and_Operators

표현식과 연산자 - JavaScript | MDN