본문 바로가기

FrontEnd/JavaScript

#6. 자바스크립트(javascript) - 연산자(Operator) :: +, -, /, *, **, %, ++, -- 등

반응형

# 오늘은 자바스크립트에서 통용되는 연산자에 대해서 알아보도록 하겠습니다.
# +, -, /, *, **, %, ++, -- 등등

# 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

preincrement
위의 식을 풀어 쓴 코드

아래의 식은 위의 식을 풀어서 쓴 코드입니다. 라인별로 설명해보도록 하겠습니다.
1. counter에 값을 숫자 2로 할당합니다.
2. counter의 값인 2에 +1을 해서 총 3을 counter에 할당합니다.
3. 모든 과정이 끝난 후 preIncrement에 값으로 3을 가진 counter를 할당합니다.

위의 식을 설명해보도록 하겠습니다. 앞에 "++"가 붙은 의미는 preIncrement에 할당하기 전에 counter에 +1더한 후 할당하라는 의미입니다. 즉, 이후에 배울 루프가 돌 때마다 +1 씩 계속 증가하는 것을 의미합니다.



(2) Postincrement

postincrement
위의 식을 풀어 쓴 코드

1. counter 의 값에 숫자 2를 할당합니다.
2. postIncrement 에 숫자 2를 담고있는 counter를 할당합니다.
3. 모든 과정이 끝난 후 counter 의 값인 2에 1을 더해 counter에 3을 할당합니다.



(3) Predecrement

predecrement
위의 식을 풀어 쓴 코드



(4) Postdecrement

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

 

 

JavaScript | MDN

JavaScript (JS) is a lightweight, interpreted, or just-in-time compiled programming language with first-class functions. While it is most well-known as the scripting language for Web pages, many non-browser environments also use it, such as Node.js, Apache

developer.mozilla.org

 

반응형