반응형
# 오늘은 자바스크립트에서 통용되는 연산자에 대해서 알아보도록 하겠습니다.
# +, -, /, *, **, %, ++, -- 등등
# Visual Studio Code 및 Extension 설치 방법 << Click!
# 비전공자가 이해한 Javascript
Operator
1) String concatenation
문자열을 '+' 연산자를 통해 표현하는 방법입니다.
console.log('my' + 'cat');
console.log('1' + 2);
console.log(`string literals: 1 + 2 = ${1 + 2}`);
console.log(`string literals:
''''
1 + 2 = ${1 + 2}`);
** 문자열을 출력할 때 single quote, 줄바꿈, tab key 사용 방법(추후에 업데이트 예정입니다.)
2) Numeric operators
숫자를 더하기, 빼기, 나누기, 곱하기, 나머지값 구하기, 제곱 등의 계산을 위한 연산자입니다.
3) 증감 연산자(Increment and Decrement operators)
(1) Preincrement
아래의 식은 위의 식을 풀어서 쓴 코드입니다. 라인별로 설명해보도록 하겠습니다.
1. counter에 값을 숫자 2로 할당합니다.
2. counter의 값인 2에 +1을 해서 총 3을 counter에 할당합니다.
3. 모든 과정이 끝난 후 preIncrement에 값으로 3을 가진 counter를 할당합니다.
위의 식을 설명해보도록 하겠습니다. 앞에 "++"가 붙은 의미는 preIncrement에 할당하기 전에 counter에 +1을 더한 후 할당하라는 의미입니다. 즉, 이후에 배울 루프가 돌 때마다 +1 씩 계속 증가하는 것을 의미합니다.
(2) Postincrement
1. counter 의 값에 숫자 2를 할당합니다.
2. postIncrement 에 숫자 2를 담고있는 counter를 할당합니다.
3. 모든 과정이 끝난 후 counter 의 값인 2에 1을 더해 counter에 3을 할당합니다.
(3) Predecrement
(4) Postdecrement
4) 대입 연산자(Assignment operators)
5) 비교 연산자(Comparison operators)
# 위의 내용은 Youtube 드림코딩 by 엘리 를 참고해서 작성
- 위 유투브는 도움이 되는 내용의 영상이 많습니다. 구독하시고 유용한 정보를 많이 얻는 것도 좋습니다.
# Javascript Web browser에서 보는 방법: console.log 사용
# MDN Web Docs : https://developer.mozilla.org/en-US/docs/Web/JavaScript
반응형
'FrontEnd > JavaScript' 카테고리의 다른 글
#8. 자바스크립트(javascript) - if, ?, switch (0) | 2021.08.04 |
---|---|
#7. 자바스크립트(javascript) - 논리 연산자(or, and, not) (0) | 2021.08.03 |
#5. 자바스크립트(javascript) 변수 타입 - single item(number, string, boolean, null, undefined, symbol) (0) | 2021.08.02 |
#4. 자바스크립트(javascript) const (0) | 2021.07.30 |
#3. 자바스크립트(Javascript) Block scope (0) | 2021.07.30 |