JavaScript 연산자:비교와 평등

우리는 초등학교에서 산수를 배울 때 처음 연산자를 만났습니다. 연산자는 두 피연산자 사이에 있는 기호입니다. 웹 개발에서 연산자를 사용하여 표현식이 참인지 거짓인지 판단하기 위해 두 값을 비교합니다. 이 기사에서는 비교(일명 관계형) 연산자와 항등 연산자를 살펴보겠습니다. 이들은 JavaScript에서 가장 흔히 볼 수 있는 두 가지 유형의 연산자입니다.

비교 연산자

문제를 해결하기 위해 논리를 생성할 때 화면에 무언가를 조건부로 렌더링하기 위해 비교 또는 관계 연산자를 사용해야 하는 경우가 있습니다. 코드에서 볼 수 있는 가장 일반적인 것을 살펴보겠습니다. 다음은 몇 가지 연산자에 사용할 개체입니다.

중 – in 사용 객체에 속성이 있는지 확인하는 연산자:

const cityData =  {
     city: "San Jose",
     state: "California",
     area: 181.36,
     land: 178.24,
     water: 3.12,
     urban: 342.27,
     metro: 2694.61,
     elevation: 82,
     population: 1021795,
     timezone: "Los_Angeles/Pacific",
     website: "www.sanjoseca.gov"
}
console.log("metro" in cityData); //true
console.log("country" in cityData); //false

인스턴스 – 인스턴스 사용 객체가 클래스 또는 생성자 함수의 인스턴스인지 묻는 연산자입니다.

  function Class(subject, teacher, numStudents) {
     this.subject = subject;
     this.teacher = teacher;
     this.numStudents = numStudents;
   }
   const classroom = new Class('Academic Geometry', 'Jane Doe', 24);
 
   console.log(classroom instanceof Class);
   // expected output: true
 
   console.log(classroom instanceof Object);
   // expected output: true

작음( <), 작거나 같음( <=) – 피연산자 A가 피연산자 B보다 작은 경우 조건문에서 true를 반환하는 비교 연산자입니다. for 루프를 만들 때 가장 흔히 볼 수 있습니다.

 	for(let i = 1; i <= n; i++) {
        // code here
    	}
	for(let i = 0; i < arr.length; i++) {
        // code here
   	}

보다 큼(> ), 크거나 같음(>=) – 피연산자 A가 피연산자 B보다 크면 조건문에서 true를 반환하는 비교 연산자입니다. 배열에서 최대 수를 찾을 때 자주 사용됩니다.

let maximum = -Infinity;
   	for(let i = 0; i < arr.length; i++) {
     	  if(arr[i] >= maximum) {
          maximum = arr[i];
        }
      }

참고: >=는 =>와 다릅니다. 후자는 ES6 JavaScript 구문에서 큰 화살표 함수에 사용됩니다.

등호 연산자

비교 연산자와 유사하게 항등 연산자도 표현식이 참인지 여부를 선언하는 부울 값으로 평가됩니다.

평등( ==) 대. 신원( ===) – 등호 ( =)가 표시되는 경우 JavaScript에서 하나의 등호는 할당 연산자이며 우리가 수학 시간에 사용했던 것이 아닙니다.

두 개의 등호는 엄격히 항등 연산자입니다. 값을 다른 데이터 유형으로 변환하려고 시도하여 값이 동일한지 여부만 확인합니다. 이것을 타입 강제(type coercion)라고 합니다.

console.log(8 == '8'); //true

마찬가지로, 하나의 등호와 함께 쾅/느낌표가 표시되면 ( !=) , 부등식 연산자로 알려진 두 값을 비교하여 피연산자의 수가 같지 않은지 확인합니다. 유형을 확인하지 않습니다.

console.log(8 != '4'); //true

반대로, 항등 연산자, 세 개의 등호 ( ===) , 두 값을 비교할 때 유형과 숫자를 확인합니다.

참가자의 81%는 부트캠프에 참석한 후 기술 직업 전망에 대해 더 자신감을 느꼈다고 말했습니다. 지금 부트캠프에 참여하십시오.

부트캠프 졸업생은 부트캠프 시작부터 첫 직장을 찾는 데까지 6개월도 채 걸리지 않았습니다.

console.log(8 === '8'); //false
console.log(8 === 8); //true

부등식 연산자와 마찬가지로 비동일 연산자 ( !==) 피연산자가 같지 않은지 확인합니다. 또한 유형도 확인합니다. 그렇다면 조건이 true이고 true를 반환합니다. 그렇지 않으면 false를 반환합니다.

console.log(8 !== '8'); //true
console.log(8 !== 8); //false

최종 생각

비교 및 같음 연산자는 프로그래밍에서 논리를 구성하는 데 필수적입니다. 왼쪽 피연산자와 오른쪽 피연산자를 비교할 때 등호 연산자를 사용하여 값이 유형이 아닌 유형, 유형과 숫자 또는 유형과 숫자가 아닌지 확인합니다. 또한 비교 연산자를 사용하여 UI(사용자 인터페이스)를 렌더링하는 논리를 지원합니다. 이러한 연산자에 익숙해지면 논리 연산자, 삼항 연산자 및 비트 연산자를 확인하십시오!

자바스크립트에 대한 더 많은 자습서를 볼 준비가 되셨습니까?

이것들을 확인하십시오!

JavaScript 삼항 연산자:단계별 가이드

JavaScript Switch Case:단계별 가이드

JavaScript 구문:초보자를 위한 안내서