AR삽질러

JavaScript - 연산자 (3) 본문

WEB/JavaScript

JavaScript - 연산자 (3)

아랑팡팡 2024. 6. 27. 11:54
728x90

 

JavaScript - 연산자 (3)

 

연산자(Operator)

  - 프로그래밍에서 다양한 연산을 위한 기호, 키워드(+, -, * , /, %)

 

1. 대입연산자

 - 변수에 값을 할당하는데 사용된다.

// 1. 대입연산자
let var1 = 1;

 

2. 산술연산자

 - 숫자간의 산술 연산을 수행

let num1 = 5 + 2;
let num2 = 5 + 2;
// * / % 는 + - 보다 우선순위가 높다.
let num3 = 5 * 2;
let num4 = 5 / 2;
let num5 = 5 % 2;
let num6 = 5 + 2 * 10;
console.log(num6);

 

3. 복합대입연산자

 - 연산과 할당을 동시에 수행

// 3. 복합 대입 연산자
let num7 = 10;
num7 += 20;
num7 -= 20;
num7 *= 20;
num7 /= 20;
num7 %= 20;
console.log(num7);

 

4. 증감 연산자

 - 변수의 값을 1씩 증가 또는 감소시킨다.

let num8 = 10;
num8++; // 후위연산: 해당 라인이 끝난 후 1 증가
++num8; // 전위연산: 바로 1 증가
--num8;
num8--;
console.log(num8);

 

5. 논리 연산자

 - 논리적인 연산을 수행

let and = true && false;
let or = true || false;
let not = !true;
console.log(and, or, not);

 

6. 비교 연산자

 - 두값을 비교해 해당 결과를 불리언 값으로 변환

let comp1 = 1 === '2';
let comp2 = 1 !== 2;
console.log(comp1, comp2);

let comp3 = 2 > 1;
let comp4 = 2 < 1;
console.log(comp3, comp4);

let comp5 = 2 >= 2;
let comp6 = 2 <= 2;
console.log(comp5, comp6);

 

7. null병합 연산자

 - 존재하는 값을 추려내는 기능으로 null, nudefined가 아닌 값을 찾아내는 연산자

let var1; // undefind
let var2 = 10;
let var3 = 20;

let var4 = var1 ?? var2;
let var5 = var1 ?? var3;
let var6 = var3 ?? var2;
console.log(var4);
console.log(var5);
console.log(var6);

let userName = "arang";
let userNickName = "AR";

let display = userName ?? userNickName;
console.log(display);

 

 

8. typeof연산자

 - 값의 타입을 문자열로 반환하는 기능을 하는 연산자

// typeof 연산자
// 값의 타입을 문자열로 반환하는 기능을 하는 연산자
let var7 = 1;
let t1 = typeof var7;
console.log(t1); // number

let var8 = "hello";
let t2 = typeof var8;
console.log(t2); // string

let var9 = true;
let t3 = typeof var9;
console.log(t3); // boolean

 

9. 삼항 연산자

 - 항을 3개 사용하는 연산자로 조건식을 이용해서 참 혹은 거짓일 때의 값을 다르게 반환한다.

// 삼항 연산자
// 항을 3개 사용하는 연산자로 조건식을 이용해서 참 혹은 거짓일 때의 값을 다르게 반환한다.
let var10 = 10;
let res = var10 % 2 == 0 ? "짝수" : "홀수";
console.log(res);

 

 

 

 

 

 

728x90
반응형
LIST

'WEB > JavaScript' 카테고리의 다른 글

JavaScript - 반복문 (5)  (0) 2024.06.27
JavaScript - 조건문 (4)  (0) 2024.06.27
JavaScript - 형변환 (2)  (0) 2024.06.27
JavaScript - 자료형Type (1)  (0) 2024.06.27
JavaScript - 변수와 상수 (0)  (0) 2024.06.27