JS_기본 문법 (12)_문자열에 사용되는 연산자들

문자열에 사용되는 연산자들에 대해 알아보자!

 

1. 비교 연산자

연산자	의미
x == y	값이 같음
x === y	자료형과 값이 같음
x != y	값이 다름
x !== y	자료형 또는 값이 다름
x < y	사전 순 상으로 x가 먼저
x <= y	사전 순 상으로 x가 먼저 오거나 같음
x > y	사전 순 상으로 y가 먼저
x >= y	사전 순 상으로 y가 먼저 오거나 같음

 

console.log('1' == 1, '1' === 1);
            
>> true false

== 은 자료형을 고려하지 않지만

===은 자료형을 고려한다.

 

따라서 ===과 !==을 권장한다!

 

console.log(
  'A' < 'a',
  'abc' <= 'abd',
  '가' > '나',
);

>>> true true false

비교 연산자를 이용할 경우 사전 상의 순서를 고려한다.

 

이때 대문자가 소문자보다 빠르다.

 

숫자 문자열의 비교

console.log(
  100 > 12, // 숫자는 그 자체로 비교
  '100' > '12', // 문자는 사전순으로 비교
  '100' > 12, // 문자와 숫자를 비교하면 문자를 숫자로 변환
);

>>> true false true

숫자끼리 비교시에는 그 자체 값의 크기를 고려하지만

'숫자 문자열'은 사전순으로 고려한다.

 

또한 문자열과 숫자를 고려할 경우 문자를 숫자로 변환하여 비교한다.

 

 

2. 연결 연산자

연산자	의미
x + y	x에 y를 이어붙인 값 반환
x += y	x에 y를 이어붙이고 그 결과를 반환 (x의 값 변화O)

let s1 = 'Hello';
let s2 = ' World';

console.log(s1);
console.log(s2);

>>> Hello
>>>  World

 

console.log(s1+s2);

>>> Hello World

+ 연산자는 두 문자열을 연결한다.

 

let str1 = 'Hello';
str1 += ' World';
console.log(str1);

>>> Hello World

+= 연산자는 두 문자열을 연결하고, 그 결과가 첫 번째 항의 원소에 할당이 된다.

 

let 'Hello' += ' World';
console.log(str1);

>>> Uncaught SyntaxError: Invalid left-hand side in assignment

+= 연산 시에 왼쪽 요소는 항상 할당이 가능한 것이어야 한다.

 

다른 자료형과의 연결

다른 자료형과의 연결 시에는 문자열을 반환한다.

let result = 'a' + 1 + true;
console.log(result, typeof result);

>>> a1true string