#5 자바스크립트(JavaScript) - 연산자 : 할당, 연결, 비교, OR, AND, NOT 연산자

안녕하세요! 에이블디 입니다!

 

이번 시간에는 지난 시간에 이어 연산자에 대해 조금 더 알아보는 시간을 가져보도록 하겠습니다.

 

할당 연산자(=)

첫 번째로 할당 연산자입니다.

할당 연산자는 말 그대로 값을 할당하는 연산자인데요 '='기호를 사용합니다.

변수에 값을 할당하는 용도로도 사용되지만 산술 연산자(+, -, *, /, %)와 조합해서 사용할 수도 있는데요, 다음 예시를 들어 좀 더 자세하게 알아보겠습니다.

var a = 10;
a += 10;

var b = 10;
b += a;

변수 a와 b 아래에 산술 연산자와 할당 연산자를 조합해서 사용한 코드가 어떤 의미인지 잘 모르시겠죠?

풀어서 해석하면 다음과 같습니다. 

var a = 10;
a += 10;
-> a = 10 + a를 의미합니다.

var b = 10;
b += a;
-> b = b + a를 의미합니다.

위와 같이 해석을 할 수 있는데요, 이렇게 되면 a += 10은 20이라는 결괏값이 나오고, b += a는 30이라는 결과값이 나오겠죠?

한번 코드로 직접 작성해 돌려보겠습니다!

 

값이 예상했던 대로 나왔네요!

 

아래의 예시처럼 나머지 산술 연산자와도 조합해서 사용할 수 있으니 꼭 사용해 보세요!

var a = 10;
var b = 10;

a += b;
-> a = a + b를 의미합니다.
a -= b;
-> a = a - b를 의미합니다.
a *= b;
-> a = a * b를 의미합니다.
a /= b;
-> a = a / b를 의미합니다.
a %= b;
-> a = a % b를 의미합니다.

 

연결 연산자

다음은 연결 연산자입니다.

문자열과 문자열, 혹은 변수와 문자열을  더하기(+)로 연결할 수 있습니다.

예를 들어 다음과 같이 사용할 수 있습니다.

var name = "Jayden";
var age = 36;

console.log(name + "의 나이는 " + age +"세 입니다.");

코드를 직접 실행해 볼까요?

 

 

위와 같이 결괏값이 나오는 걸 확인할 수 있습니다.

더하기(+) 기호는 이처럼 두 수를 더 할 때도 사용하지만 두 개 이상의 문자열이나 변수와 문자열을 연결할 때에도 사용되는데요, 이때 연결 연산자라는 또 다른 이름을 불리게 됩니다.

더하기(+) 기호를 사용할 때 더하기 연산자와 연결 연산자를 구별하여 사용해 주세요!

 

비교 연산자

다음은 비교 연산자입니다.

비교 연산자는 두 값을 비교하여 참(true)이나 거짓(false)으로 나타내는 연산자입니다.

이 연산자는 조건문에서 많이 사용되는 연산자인데요, 지금부터 하나하나씩 알아보도록 하겠습니다.

 

==연산자

== 연산자는 두 수 혹은 두 변수가 같은지 확인하는 연산자입니다.

아래의 예시와 결괏값을 확인해 보세요.

var a = 1;
var b = 2;

a == b;
-> false

!= 연산자

!= 연산자는 두 수 혹은 두 변수가 다른지 확인하는 연산자입니다.

아래의 예시와 결괏값을 확인해 보세요.

var a = 1;
var b = 2;

a != b;
-> true

=== 연산자

=== 연산자는 두 수 혹은 두 변수가 같은지 비교하는 연산자입니다.

== 연산자와 의미하는 바는 같지만 차이점이 있는데요, == 연산자는 문자형 값과 숫자형 값이 있을 때 자동으로 자료형을 변환하여 비교합니다.

반면 === 연산자는 두 자료형의 변환을 허용하지 않습니다.

아래의 예시와 결괏값을 확인 해 보세요.

var a = 10; // 숫자형
var b = "10"; // 문자형

a == b;
-> true

a === b;
-> false

논리 연산자

논리 연산자는 true, false 자체를 피연산자로 하여 처리하는 연산자입니다.

OR 연산자, AND 연산자, NOT 연산자를 하나씩 알아보도록 하겠습니다.

 

OR 연산자는 || 기호로 표시하며 피연산자 중 하나라도 참이면 참(true)으로 처리합니다.

아래의 예시와 결괏값을 확인해 보세요.

var a = 10;
var b = 20;

a > b || b < a
-> false

a < b || b < a
-> true

a > b || b > a
-> true

a < b || b > a
-> true

 

AND 연산자는 &&기호를 사용하며 피연산자 모두가 참인 경우에만 참(true)으로 처리합니다.

아래의 예시와 결괏값을 확인 해 보세요.

var a = 10;
var b = 20;

a > b && b < a
-> false

a < b && b < a
-> false

a > b && b > a
-> false

a < b && b > a
-> true

 

NOT 연산자는! 기호로 표시하며 참(ture)이나 거짓(false)을 반대로 출력합니다.

아래의 예시와 결괏값을 확인해 보세요.

var a = true;

console.log(a);
-> true
console.log(!a);
-> false

 

이번 시간에는 지난 시간에 이어 자바스크립트의 다양한 연산자에 대해 알아보았습니다!

 

그럼 다음 시간에 다시 만나요!