단항, 이항, 피연산자
피연산자(operand) 는 연산자가 연산을 수행하는 대상입니다. 5 * 2에는 왼쪽 피연산자 5와 오른쪽 피연산자 2, 총 두 개의 피연산자가 있습니다. '피연산자’는 '인수(argument)'라는 용어로 불리기도 합니다.
피연산자를 하나만 받는 연산자는 단항(unary) 연산자라고 합니다.
예시 :
let x = 1;
x = -x;
alert( x ); // -1, 단항 마이너스 연산자는 부호를 뒤집음.두 개의 피연산자를 받는 연산자는 이항(binary) 연산자 라고 합니다.
예시 :
let x = 2, y = 6;
alert( y - x ); // 4, 이항 마이너스 연산자는 뺄셈수학 연산자
- 덧셈 연산자 +
- 뺄셈 연산자 -
- 곱셈 연산자 *
- 나눗셈 연산자 /
- 나머지 연산자 %
- 거듭제곱 연산자 **
예시:
alert( 2 ** 2 ); // 4 (2 * 2)
alert( 2 ** 3 ); // 8 (2 * 2 * 2)
alert( 2 ** 4 ); // 16 (2 * 2 * 2 * 2)alert( 4 ** (1/2) ); // 2 (1/2 거듭제곱은 제곱근)
alert( 8 ** (1/3) ); // 2 (1/3 거듭제곱은 세제곱근)이항 연산자 '+'와 문자열 연결
자바스크립트가 제공하는 특별한 연산자 기능
덧셈 연산자 +는 대개 숫자를 더한 결과를 반환합니다.
이항 연산자 +의 피연산자로 문자열이 전달되면 덧셈 연산자는 덧셈이 아닌 문자열을 연결합니다.
let s = "my" + "string";
alert(s); // mystring따라서 이항 연산자 +를 사용할 때는 피연산자 중 하나가 문자열이면 다른 하나도 문자열로 변환된다는 점에 주의해야한다.
alert( '1' + 2 ); // "12"
alert( 2 + '1' ); // "21"alert(2 + 2 + '1' ); // '221'이 아니라 '41'이 출력됩니다.연산은 왼쪽에서 오른쪽으로 순차적으로 진행됩니다. 두 개의 숫자 뒤에 문자열이 오는 경우, 숫자가 먼저 더해지고, 그 후 더해진 숫자와 문자열과의 병합이 일어납니다.
' - ', ' / ', ' * '등 다른 연산자는 어떨까요?
산술연산자의 문자열 연결 변환이라는 특별한 기능 제공하는거와 대조적으로 문자형을 숫자형으로 바꿉니다.
alert( 6 - '2' ); // 4, '2'를 숫자로 바꾼 후 연산이 진행됩니다.
alert( '6' / '2' ); // 3, 두 피연산자가 숫자로 바뀐 후 연산이 진행됩니다.단항 연산자 +,숫자형으로 변환
덧셈 연산자 +는 이항 연산자뿐만 아니라 단항 연산자로도 사용할 수 있습니다.
숫자에 단항 덧셈 연산자를 붙이면 이 연산자는 아무런 동작도 하지 않습니다. 그러나 피연산자가 숫자가 아닌 경우엔 숫자형으로의 변환이 일어납니다.
/ 숫자에는 아무런 영향을 미치지 않습니다.
let x = 1;
alert( +x ); // 1
let y = -2;
alert( +y ); // -2
// 숫자형이 아닌 피연산자는 숫자형으로 변화합니다.
alert( +true ); // 1
alert( +"" ); // 0이항 덧셈 연산자를 사용하면 아래와 같이 값이 문자열로 변해서 연결됩니다.
let apples = "2";
let oranges = "3";
alert( apples + oranges ); // 23, 이항 덧셈 연산자는 문자열을 연결합니다.숫자로 변환하고 싶은 경우 단항 덧셈 연산자를 사용해 피연산자를 숫자형으로 변화시키면 됩니다.
let apples = "2";
let oranges = "3";
// 이항 덧셈 연산자가 적용되기 전에, 두 피연산자는 숫자형으로 변화합니다.
alert( +apples + +oranges ); // 5
// or.. number(...)를 이용
alert( Number(apples) + Number(oranges) ); // 5할당 연산자
무언가를 할당할 때 쓰이는 =도 연산자입니다. 우선순위는 3으로(숫자가 작을수록 우선순위가 낮음) 아주 낮습니다.
x = 2 * 2 + 1과 같은 표현식에서 계산이 먼저 이뤄지고, 그 결과가 x에 할당되는 이유가 바로 이 때문입니다.
let x = 2 * 2 + 1;
alert( x ); // 5할당 연산자 체이닝
할당 연산자는 아래와 같이 여러 개를 연결할 수도 있습니다(체이닝).
let a, b, c;
a = b = c = 2 + 2;
alert( a ); // 4
alert( b ); // 4
alert( c ); // 4이렇게 할당 연산자를 여러 개 연결한 경우, 평가는 우측부터 진행됩니다. 먼저 가장 우측의 2 + 2가 평가되고, 그 결과가 좌측의 c, b, a에 순차적으로 할당됩니다.
그런데 되도록이면 연산자를 체이닝 하는것 보다 가독성을 위해 아래와 같이 줄을 나눠 코드를 작성하길 권유드립니다.
c = 2 + 2;
b = c;
a = c;이렇게 작성하면 읽기도 쉽고, 눈을 빠르게 움직이며 코드를 읽을 수 있습니다.
