나의개발일지
Java Script) 연산자 본문
728x90
연산자
연산자는 프로그래밍에서 값을 조작하거나 비교하기 위해 사용되는 기호 또는 키워드로, 산술, 할당, 비교, 논리 등 다양한 유형이 있다.
1. 연산자의 종류
연산자 | 기호 |
문자열 연산자 | +(문자열 연결) |
산술 연산자 | ++(증가 연산), --(감소 연산), *(곱셈), /(나눗셈), %(나머지), +(덧셈), -(뺄셈) |
비교 연산자 | <,<=,>,>=(비교연산), ==(값이 같다), !=(값이 다르다), ===(값과 타입 모두 같다), !==(값 또는 타입이 다르다) |
논리 연산자 | &(비트 AND), |(비트 OR), ^(비트 XOR), &&(논리 AND), ||(논리 OR) |
조건 연산자 | (판단)? true : false; |
대입 연산자 | =, +=, -=, *=, /=, %=, <<=, >>=, >>>=, &=, |=, ^= |
2. 문자열 연산자
문자열 연산자는 + 기호를 사용하여 문자열을 연결하는 기능을 한다.
var st = "Hello" + "Javascript"
<출력 결과>
Hello Javascript
산술 연산자 +(덧셈)과 주의하여 사용하여야 한다.
2. 산술연산자
산술 연산자는 사칙 연산을 기본적으로 수행하는 연산자이다.
var num1 = 4;
var num2 = 2;
console.log(num1 + num2); //덧셈
console.log(num1 - num2); //뺄셈
console.log(num1 * num2); //곱셈
console.log(num1 / num2); //나눗셈
console.log(num1 % num2); //나머지
<출력 결과>
6
2
8
2
0
증가, 감소 연산자
var num1 = 4;
var num2 = 2;
++num1; //전위 증가
console.log(num1);
console.log(num1++); //후위 증가
--num2; //전위 감소
console.log(num2);
console.log(num2--); //후위 감소
<출력 결과>
5
5
1
1
증가 연산자와 감소 연산자에서 '전위'는 연산 과정에서 변수를 먼저 사용한 후 연산하는 것을 말하며, '후위'는 연산 먼저 하고 변수를 사용하는 것을 말한다.
3. 비교 연산자
비교 연산자는 두 피연산자의 값을 비교하여 참(true) 또는 거짓(false) 값을 반환한다.
var x = 5;
var y = "5";
console.log(x > y); // 비교연산
console.log(x == y); // 두 값이 같은지 비교
console.log(x === y); // 두 값과 타입이 같은지 비교
console.log(x != y); // 두 값이 다른지 비교
console.log(x !== y); // 두 값이 다르거나 또는 타입이 다른지 비교
<출력 결과>
false
true
false
false
true
4. 논리 연산자
논리 연산자는 주어진 조건을 논리적으로 연산하여 참(true) 또는 거짓(false)을 반환한다.
- 일반 논리 연산자
- 논리곱(AND) : 두 개의 피연산자가 모두 참일때 참 (&&)
- 논리함 (OR) : 두 개의 피연산자 중 하나라도 참이면 참 (||)
- 논리 부정(NOT) : 피연산자 값이 참이면 거짓, 거짓이면 참 (!)
var x = 5;
var y = 7;
console.log(x < 10 && y > 10); //논리곱
console.log(x < 10 || y > 10); //논리합
console.log(!(x < 10 && y > 10)); //논리 부정
<출력 결과>
false
true
true
- 비트 논리 연산자
기억 장소에 저장된 이진값 즉 0,1 을 대상으로 연산
- 비트곱 : 두 비트 모두 1일 때만 1 (&)
- 비트합 : 두 비트 중 하나라도 1이면 1 (|)
- 비트 부정 : 비트 값이 1이면 0, 0이면 1 (~)
- 베타적 비트합 : 두 비트가 같을때 0, 다를 때 1 (^)
var x = 5; // 0101
var y = 7; // 0111
console.log(x & y); // 비트곱
console.log(x | y); // 비트합
console.log(x ^ y); // 베타적 비트합
console.log(~(x)); // 비트 부정
<출력 결과>
5
7
2
-6
5. 조건 연산자
조건 연산자는 조건식을 판별하여 참이냐 거짓이냐에 따라 다음 문장을 선택적으로 실행하는 연산자 이다.
삼항 연산자라고도 한다.
var x = 5;
var y = 7;
console.log((x>y) ? x : y);
console.log((x > y) ? x-y : y-x);
<출력 결과>
7
2
6. 대입 연산자
대입 연산자는 '=' 기호를 사용하여 값이나 변수를 할당하는 연산이다.
대입 연산자에 산술연산자를 같이 사용하면 x = x + y 를 x += y 와 같이 줄일수 있다.
var x1 = x2 = x3 = x4 = x5 = 10;
var st = "Hello";
console.log(x1 += 1);
console.log(x2 -= 2);
console.log(x3 *= 3);
console.log(x4 /= 4);
console.log(x5 %= 5);
console.log(st += "Javascript")
<출력 결과>
11
8
30
2.5
0
Hello Javascript
728x90
반응형
'Front-End' 카테고리의 다른 글
Vue.js) 주요 DIrective (0) | 2024.07.03 |
---|---|
JavaScript) ES6 (0) | 2024.04.30 |
VS-CODE 단축어 (5) | 2024.03.14 |
Java Script) 조건문 (1) | 2023.12.15 |
Java Script) 데이터 타입과 변수 (0) | 2023.11.21 |