javaScript 연산식

메타플랫폼대표
|2024. 4. 9. 17:17
반응형

##연산식


-연산이란 "식이 나타내는 일정한 규칙에 따라 계산"을 뜻한다.
-사용자는 자바 스크립트를 통해 연산을 처리하는 식을 만들 수 있고 여기에 사용하는 기호를 연산자라고 한다.

# 산술 연산

# +, -, *, /, %를 사용한 계산을 의미한다.

# 두 개의 피 연산자를 받아서 하나의 숫자 데이터를 결과로 반환한다.

# + : 더하기 : 2 + 2 = 4
# - : 빼기 : 4 - 2 = 2
# * : 곱하기 : 4 * 2 = 8
# / : 나누기 : 10 / 5 = 2
# % : 나머지 : 17 % 5 = 2



# 연산자 우선순위
-여러개의 연산자가 함께 사용되는 경우 연산자 우선순위가 반영되어 우선순위가 높은것부터 계산된다.

 

 


 

# 대입 연산 , 복합 대입 연산



-대입연산은 오른쪽의 피연산자를 데이터의 왼쪽 피연산자에게 대입한다.
-왼쪽 피연산자로는 주로 변수나 상수가 자리하며, 오른쪽 피연산자로는 데이터 또는 데이터 반환식이 자리한다.

============================================================
     의미 |         연산자 | |
============================================================
# 대입하기 |        a = b | 값 b를  변수 a에 대입 |

let num1 = 5;

let num2 = num1;	// num1 = 5, num2 = 5


-----------------------------------------------------------------------------------------------------
# 더하여 대입 |        a += b | 변수 a의 값에 b를 더한 결과를 변수 a에 대입 | a = a + b

 

let result1 = 5;
result1 = result1 + 3;
console.log(result1);

let result2 = 5;
result2 += 3;
console.log(result2);


-----------------------------------------------------------------------------------------------------
# 빼서 대입 |        a -= b | 변수 a의 값에 b를 뺀한 결과를 변수 a에 대입 | a = a - b
-----------------------------------------------------------------------------------------------------
# 곱하여 대입 |        a *= b | 변수 a의 값에 b를 곱한 결과를 변수 a에 대입 | a = a * b
-----------------------------------------------------------------------------------------------------
# 나누어 대입 |        a /= b | 변수 a의 값에 b를 나눈 결과를 변수 a에 대입 | a = a / b
============================================================

 

 

 

 


 

# 비교 연산

 


-자바스크립트는 주어진 두 항을 비교할 수 있는 비교연산자를 제공한다.
-자바스크립트는 다음의 두 가지 유형의 비교연산자를 사용할 수 있다.
 # 크다/작다  (대소 비교)
 # 같다/같지않다 (등가 비교)


# 비교 연산자의 특징

-비교 연산자는 논리 타입의 데이터를 반환(return)한다. (true, false)
-대소 비교와 등가비교는 모두 같은 타입이며 그에 대한 결과는 참(true), 거짓(false)으로 반환된다.

 

ex) 5 > 3 : true
ex) 5 < 3 : false




# 대소 비교

-대/소 비교는 다음 네 가지 연산자를 사용해 처리할 수 있다.
(연산자의 의미는 앞의 피연산자를 기준으로 정의했다.)

========================================
       의미 |     연산자 |  사용 형태 |  
========================================
   크다 |       > | A > B |

--------------------------------------------------------------------
   작다 |       < | A < B |
--------------------------------------------------------------------
   크거나 같다 |       >= | A >= B |
--------------------------------------------------------------------
   작거나 같다 |       <= | A <= B |
========================================

let num1 = 5;
let num2 = 3;

console.log(num1 > num2);   // true
console.log(num1 < num2);   // false
console.log(num1 >= num2);  // true
console.log(num1 <= num2);  // false
let num1 = 5 > 3;
let num2 = 5 < 3;

console.log(num1);
console.log(num2);





# 등가 비교



# 등가 비교는 다음 네 가지 연산자를 사용해 처리할 수 있다.
# 개호의 개수를 확인하며 사용해야 한다. ()

=====================================================
       의미 |     연산자 |  사용 형태 |  
=====================================================
   같다. |     == | A ==  B |
------------------------------------------------------------------------------------------
   같지 않다. |     != | A != B | (원론적으로 따지면, 위 결과의 반대 값을 출력하는 것이다.)
------------------------------------------------------------------------------------------
   완전히 같다. |     === | A === B |
------------------------------------------------------------------------------------------
   완전히 같지 않다. |     !== | A !== B |
------------------------------------------------------------------------------------------

 

let num1 = 10;      // 숫자형
let num2 = '10';    // 문자형

console.log(num1 == num2);  // true (데이터 타입은 달라도, 안에 있는 값은 같은가?)
console.log(num1 != num2);  // false

console.log(num1 === num2); // false (숫자형, 문자형 타입이 다르기 때문에 완전히 같지는 않다.)
console.log(num1 !== num2); // true



# 등가 비교시 등호(=)의 개수에 따라 비교 규칙에 차이가 있다.
# == 는 ‘추상적(abstract)’ 같음 비교로써 자료형이 서로 다르더라도 같다고 판단할 수 있는 등가 비교이다.
# === 는 ‘엄격한(strict)’ 같음 비교로써 자료형과 데이터가 모두 일치해야만 같다고 판단한다.

 

 


 

 

 

## null

 

-null은 데이터가 없다는 의미이다.

-현재 데이터가 없다는 표시를 할 때에는 null을 대입할 수 있다.

 

 

# undefined


-undefined는 데이터가 정의되지 않았음을 나타낸다.

let num1 = null;    // null

console.log(num1);

let num2;           // undefined

console.log(num2);

num1 = "hello";     // 데이터가 대입된 상태
console.log(num1);

 

 

 

# 논리타입 (boolean)

 

-논리 타입은, 숫자, 문자와 같이 데이터 타입의 한 종류이다.

-논리 타입은 true, false 단 두가지의 값만 존재한다.(참 또는 거짓을 나타내기 위해서 사용하는 데이터 타입)

 

let value1 = true;      // javaScript는 대소문자를 구별하기 때문에 True라고 기입하면, 오류가 뜬다.
let value2 = false;

let value3 = 5 > 3;

console.log(value1);
console.log(value2);
console.log(!value3);   // false

 

 

반응형