Multi Developer SuHo

자바스크립트 할당 연산자 " = "(assignment operator) 와 비교 연산자(comparison operator) 본문

JavaScript

자바스크립트 할당 연산자 " = "(assignment operator) 와 비교 연산자(comparison operator)

Dreaming Developer Student 2023. 7. 27. 18:22
SMALL

모든  내용과 소스들은 다음과 같은  강의 플랫폼에서 응용하여  작성하였습니다.
출처: https://inf.run/xNcEg

 

[무료] [코드팩토리] [입문] 9시간만에 끝내는 코드팩토리의 Javascript 무료 풀코스 - 인프런 | 강의

이 강의 하나만으로 인기 Javascript 프레임워크들과 Typescript를 배울 수 있는 기본을 다질 수 있습니다., 자바스크립트 문법 마스터,9시간 만에 무료로 할 수 있어요! ✨ 자바스크립트 문법,한 강의

www.inflearn.com

이번에 알아볼 연산자는 할당 연산자와 비교 연산자 입니다.  먼저  할당 연산자란?  할당 연산자는 변수에 값을 할당하는데 사용되는 연산자들을 말합니다.   즉 계산한 다음 값을 다시 저장한다는 의미입니다.

할당 연산자에는  다양한 부호가 있습니다

  1. = (등호): 오른쪽 피연산자의 값을 왼쪽 피연산자(변수)에 할당합니다.
  2. += (더하기 등호): 왼쪽 피연산자(변수)에 오른쪽 피연산자의 값을 더하고, 그 결과를 왼쪽 피연산자에 할당합니다. 
  3. -= (빼기 등호): 왼쪽 피연산자(변수)에서 오른쪽 피연산자의 값을 빼고, 그 결과를 왼쪽 피연산자에 할당합니다.
  4. *= (곱하기 등호): 왼쪽 피연산자(변수)에 오른쪽 피연산자의 값을 곱하고, 그 결과를 왼쪽 피연산자에 할당합니다.
  5. /= (나누기 등호): 왼쪽 피연산자(변수)를 오른쪽 피연산자의 값으로 나누고, 그 결과를 왼쪽 피연산자에 할당합니다.
  6. %= (나머지 등호): 왼쪽 피연산자(변수)를 오른쪽 피연산자의 값으로 나눈 나머지를 왼쪽 피연산자에 할당합니다.

예를 들은 소스코드 입니다.

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);

출력결과

다음에는 삼항 조건 연산자와  논리 연산자, 단축평가에 대하여 알아보겠습니다.

LIST