##연산식
-연산이란 "식이 나타내는 일정한 규칙에 따라 계산"을 뜻한다.
-사용자는 자바 스크립트를 통해 연산을 처리하는 식을 만들 수 있고 여기에 사용하는 기호를 연산자라고 한다.
# 산술 연산
# +, -, *, /, %를 사용한 계산을 의미한다.
# 두 개의 피 연산자를 받아서 하나의 숫자 데이터를 결과로 반환한다.
# + : 더하기 : 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
'javaScript↗' 카테고리의 다른 글
javaScript 조건문(if-else), 반복문(for,while) (0) | 2024.04.11 |
---|---|
javaScript DOM(parameter, agument) (0) | 2024.04.11 |
javaScript 템플릿 리터럴 (0) | 2024.04.09 |
javaScript 객체(Object) 변수, 상수 (0) | 2024.04.09 |
javaScript 자바스크립트란? (0) | 2024.04.09 |