복합 대입 연사자는 대입 연산자와 다른 연산자를 함께 사용하는 연산자이다.
복합 대입 연산자 | 설명 | 사용 예 | 의미 |
+= | 기존 변수의 값에 값을 더합니다. | a += 1 | a = a + 1 |
-+ | 기존 변수의 값에 값을 뺍니다. | a -= 1 | a = a - 1 |
*= | 기존 변수의 값에 값을 곱합니다. | a*= 1 | a = a * 1 |
/= | 기존 변수의 값에 값을 나눕니다. | a /= 1 | a = a / 1 |
%= | 기존 변수의 값에 나머지를 구합니다. | a %=1 | a = a % 1 |
let value = 10; // value라는 변수를 10으로 선언합니다
value += 10; // value에 10을 더한다.
console.log(value); // 20 이 출력된다
변수 value 를 선언하고 10이라는 값으로 초기화 후 복합 대입 연산자를 사용해 value에 10을 더한다.
value += 10 은 value = value + 10 과 똑같다고 볼 수 있다.
10 + 10을 한 후 그 값을 다시 value에 넣었다고 볼 수 있다.
<sciript>
let list = '';
list += `<ul>`
list += ' <li> Hello </li>'
list += ' <li> javascript </li>'
list += '<ul> javascript </ul>'
document.write(list);
</script>
이런 식으로도 복합대입 연산자를 사용 할 수 있다.
증감 연산자는 복합 대입 연산자에 이어 변수 와 함께 사용할 수 있는 연산자이다.
증감 연산자 | 설명 |
변수++ | 기존의 변수에 값에 1을 더합니다(후위) |
++변수 | 기존의 변수에 값에 1을 더합니다(전위) |
변수-- | 기존의 변수에 값에 1을 뺍니다(후위) |
--변수 | 기존의 변수에 값에 1을 뺍니다(전위) |

사진과 같이 후위 연산자는 해당 문장을 실행한후에 값을 연산하는 실행 순서를 가진다

사진과 같이 전위 연산자는 해당 문장을 실행하기 전에 값을 연산하는 실행 순서를 가진다.
전임 연산자는 복합 대입 연산자로 바꿔보면
이런 식으로 풀 수 있을 것 같다.
복합 대입 연산자와 증감 연산자를 알아보았는데
증감 연산자를 복합 대입 연산자로 풀이하는 게 더욱 안전하고 다른 사람이 예측하기 편한지 않을까?라는 의문이 들었다.
만약 증감 연산자를 다음과 같이 사용한다면 다른 누군가는 number 의 값을 바로 예측할 수 있을까?
물론 상황에 따라 전임 연산자 와 후임 연산자를 써야 할 상황이 있겠지만
단순히 더하고 빼는 식의 연산을 필요로 한다면 복합 대입 연산자를 활용하는 것이 더 낫지 않을까?
하는 생각을 남겨본다.
'javascript' 카테고리의 다른 글
비파괴적 처리와 파괴적 처리 (0) | 2022.11.08 |
---|---|
if 문 과 switch 문 그리고 삼항 연산자 (0) | 2022.11.08 |
Null 과 Undefined 와 NaN (0) | 2022.11.07 |
Truthy와 Falsy (Boolean) (0) | 2022.11.07 |
키워드 와 식별자 (0) | 2022.11.07 |