일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- html 주석
- 자바스크립트 스코프
- CSS
- html 코드
- 오블완
- 자바스크립트 innerhtml
- 자바스크립트 onclick
- css 포지션
- 자바스크립트 scope
- javascript opreator
- HTML
- 자바스크립트 innertext
- front-end
- 티스토리챌린지
- javascript opreators
- 자바스크립트 상속
- 웹 개발 트렌드
- 자바스크립트 dom의 목적
- css3
- 자바스크립트 연산자
- 프론트엔드
- 자바스크립트 반복문
- 자바스크립트
- css position
- javascript
- 자바스크립트 실행 컨텍스트
- css display
- 자바스크립트 생성자 함수
- 자바스크립트 클래스
- 자바스크립트 dom 문법
- Today
- Total
Multi Developer SuHo
자바스크립트 할당 연산자 " = "(assignment operator) 와 비교 연산자(comparison operator) 본문
자바스크립트 할당 연산자 " = "(assignment operator) 와 비교 연산자(comparison operator)
Dreaming Developer Student 2023. 7. 27. 18:22모든 내용과 소스들은 다음과 같은 강의 플랫폼에서 응용하여 작성하였습니다.
출처: https://inf.run/xNcEg
이번에 알아볼 연산자는 할당 연산자와 비교 연산자 입니다. 먼저 할당 연산자란? 할당 연산자는 변수에 값을 할당하는데 사용되는 연산자들을 말합니다. 즉 계산한 다음 값을 다시 저장한다는 의미입니다.
할당 연산자에는 다양한 부호가 있습니다
- = (등호): 오른쪽 피연산자의 값을 왼쪽 피연산자(변수)에 할당합니다.
- += (더하기 등호): 왼쪽 피연산자(변수)에 오른쪽 피연산자의 값을 더하고, 그 결과를 왼쪽 피연산자에 할당합니다.
- -= (빼기 등호): 왼쪽 피연산자(변수)에서 오른쪽 피연산자의 값을 빼고, 그 결과를 왼쪽 피연산자에 할당합니다.
- *= (곱하기 등호): 왼쪽 피연산자(변수)에 오른쪽 피연산자의 값을 곱하고, 그 결과를 왼쪽 피연산자에 할당합니다.
- /= (나누기 등호): 왼쪽 피연산자(변수)를 오른쪽 피연산자의 값으로 나누고, 그 결과를 왼쪽 피연산자에 할당합니다.
- %= (나머지 등호): 왼쪽 피연산자(변수)를 오른쪽 피연산자의 값으로 나눈 나머지를 왼쪽 피연산자에 할당합니다.
예를 들은 소스코드 입니다.
number = 10; // number 변수에 값 10을 선언
console.log(number);
number += 10; // 할당된 number 값에 10을 더한 값을 다시 number 변수에 저장
console.log(number);
number -= 10; // 저장된 값 20에서 10을 뺀 값을 다시 number 변수에 저장
console.log(number);
number *= 10; // 저장된 값 10에서 10을 곱한 값을 다시 number 변수에 저장
console.log(number);
number /= 10; // 저장된 값 100에서 10을 나눈 값을 다시 number 변수에 저장
console.log(number);
number %= 10; // number 값을 10으로 나눈 나머지를 다시 number 변수에 저장
console.log(number);
두 번째 비교 연산자에 대하여 알아보겠습니다. 비교 연산자란? 비교 연산자는 두 값을 비교하여 불리언(Boolean) 값인 true 또는 false를 반환하는 연산자들을 말합니다. 주로 조건문과 반복문에서 사용되며, 값을 비교하여 특정 동작을 수행하거나 제어하는데 사용됩니다.
비교 연산자는 두가지 기준이 있습니다.
1. 값의 비교 (잘 사용하지 않습니다)
2. 값과 타입의 비교 (값과 해당하는 타입을 비교하는 것입니다)
먼저 값을 비교하는 소스입니다.
console.log(5 == 5);
console.log(5 == '5');
console.log(0 == '');
console.log(true == 1);
console.log(false == 0);
console.log(true == '1');
다음은 값의 타입까지 비교하는 소스입니다.
타입 까지 비교할때는 "===" 등호가 3개로 표현합니다
console.log(5 === 5);
console.log(5 === '5');
console.log(0 === '');
console.log(true === 1);
console.log(false === 0);
console.log(true === '1');
"!" 느낌표 기호는 값이 아니다고 할때 즉 값을 부정할때 나타낸다
console.log(5 != 5);
console.log(5 != '5');
console.log(0 != '');
console.log(true != 1);
console.log(false != 0);
console.log(true != '1');
똑같이 값의 타입까지 비교할때 사용하는 소스입니다.
console.log(5 !== 5);
console.log(5 !== '5');
console.log(0 !== '');
console.log(true !== 1);
console.log(false !== 0);
console.log(true !== '1');
다음은 대소 관계 비교 연산자 입니다. 대소 관계를 비교하는 연산자로 " 크다", "작다", "크거나 같다", "작거나 같다" 이렇게 표현합니다.
크기 관계를 나타내는 비교 연산자라서 조건문이나 , 반복문에 이용하기도 합니다.
/**
* 대소 관계 비교 연산자
*/
console.log(100 > 1);
console.log(100 < 1);
console.log(100 <= 1);
console.log(100 >= 1);
다음에는 삼항 조건 연산자와 논리 연산자, 단축평가에 대하여 알아보겠습니다.
'JavaScript' 카테고리의 다른 글
자바스크립트 if 문과 Switch문 (0) | 2023.08.09 |
---|---|
자바스크립트 삼항 조건 연산자(ternary conditional operator), 논리연산자(logical operator), 단축평가(short-circuit evaluation) (0) | 2023.08.04 |
자바스크립트 증감 연산자( Increment/Decrement Operators) 와 연산자의 위치(Operators Location) (0) | 2023.07.26 |
자바스크립트 연산자(operator) (0) | 2023.07.25 |
자바스크립트 (호이스팅) Hoisting 이란? (0) | 2023.07.19 |