JavaScript 연산자 소개

소개

JavaScript 문서에 오신 것을 환영합니다! 이 랩에서는 연산자 (operators) 에 대한 소개를 제공합니다.

덧셈 (Addition)

터미널/SSH 를 열고 node를 입력하여 코딩 연습을 시작하세요.

연산자(operator)는 두 개의 값 (또는 변수) 을 기반으로 결과를 생성하는 수학적 기호입니다.

두 숫자를 더하거나 두 문자열을 결합합니다.

// 두 숫자를 더합니다.
6 + 9;

// 두 문자열을 더합니다.
"Hello " + "world!";

주석 (comments) 은 코드와 함께 추가할 수 있는 텍스트 조각입니다. 브라우저는 주석으로 표시된 텍스트를 무시합니다. CSS 에서와 마찬가지로 JavaScript 에서도 주석을 작성할 수 있습니다.

/*
이 안에 있는 모든 것은 주석입니다.
*/

주석에 줄 바꿈이 없는 경우, 다음과 같이 두 개의 슬래시 뒤에 배치하는 것이 좋습니다.

// 이것은 주석입니다.

뺄셈, 곱셈, 나눗셈 (Subtraction, Multiplication, Division)

이들은 기본적인 수학에서 예상하는 대로 작동합니다.

// 뺄셈 (-)
9 - 3;

// 곱셈 (*)
8 * 2; // JS 에서 곱셈은 별표 (*) 입니다.

// 나눗셈 (/)
9 / 3;

할당 (Assignment)

이미 보셨듯이, 이것은 변수에 값을 할당합니다.

let myVariable = "Bob";

엄격한 동등성 (Strict equality)

이것은 두 값이 같고 동일한 데이터 타입인지 확인하는 테스트를 수행합니다. true/false (Boolean) 결과를 반환합니다.

let myVariable = 3;
myVariable === 4;

부정 (Not), 같지 않음 (Does-not-equal)

이것은 앞에 오는 값의 논리적으로 반대되는 값을 반환합니다. true를 false로, 그 반대로 바꿉니다. 동등성 연산자와 함께 사용될 때, 부정 연산자는 두 값이 같지 않은지 테스트합니다.

"Not"의 경우, 기본 표현식은 true 이지만, 비교는 false를 반환합니다. 왜냐하면 우리는 그것을 부정하기 때문입니다:

// Not(!)
let myVariable = 3;
!(myVariable === 3);

"Does-not-equal"은 다른 구문을 사용하여 기본적으로 동일한 결과를 제공합니다. 여기서는 "myVariable 이 3 과 같지 않은가"를 테스트하고 있습니다. myVariable이 3 과 같기 때문에 이것은 false를 반환합니다:

// Does-not-equal(!==)
let myVariable = 3;
myVariable !== 3;

탐구할 연산자가 훨씬 더 많지만, 지금은 이 정도면 충분합니다. 전체 목록은 Expressions and operators를 참조하십시오.

참고: 데이터 타입을 혼합하면 계산을 수행할 때 이상한 결과가 발생할 수 있습니다. 변수를 올바르게 참조하고 예상한 결과를 얻고 있는지 주의하십시오. 예를 들어, 콘솔에 '35' + '25'를 입력하십시오. 왜 예상한 결과를 얻지 못합니까? 따옴표가 숫자를 문자열로 바꾸기 때문에 숫자를 더하는 대신 문자열을 연결하게 되었습니다. 35 + 25를 입력하면 두 숫자의 합계를 얻을 수 있습니다.

요약

축하합니다! 연산자 (Operators) 랩을 완료했습니다. LabEx 에서 더 많은 랩을 연습하여 실력을 향상시킬 수 있습니다.