[스터디 1주차]7장 연산자

7장 연산자

연산자는 하나의상의 표현식을 대상으로 산술, 할당, 비교, 논리, 타입, 지수 연산 등을 수행해 하나의 값을 만듭니다.

예시

// 산술 연산자
5 * 4; // -> 20
// 문자열 연결 연산자
"My name is " + "Lee"; // -> 'My name is Lee'
// 할당 연산자
color = "red"; // -> 'red'
// 비교 연산자
3 > 5; // -> false
// 논리 연산자
true && false; // -> false
// 타입 연산자
typeof "Hi"; // -> string

산술 연산자

피연산자를 대상으로 수학적 계산을 수행해 새로운 숫자 값을 만든다

이항 산술 연산자

• 2개의 피연산자를 연산하여 숫자 값 만듬
• +더하기 , -빼기 , *곱하기 , /나누기 , % 나머지 연산이 있다.

단한 산술 연산자

• 1개의 피연산자를 산술 연산하여 숫자값 만듬
• ++증가, -- 감소, +아무 효과 없음, - 양수를 음수로, 음수를 양수로 반전한 값을 반환
• 숫자 타입이 아닌 피연산자에 + 단한 연산자를 사용하면 피연산자를 숫자 타입으로 변환하여 반환

var x = "1";

console.log(+x); // 1

console.log(x); // '1'

console.log(11 + "1"); // '111'

console.log(11 + +"1"); // '12'

• -단항 연산자는 피연산자의 부호를 반전한 값을 반환

// 부호를 반전한다.
-(-10); // -> 10

// 문자열을 숫자로 타입 변환한다.
-"10"; // -> -10

// 불리언 값을 숫자로 타입 변환한다.
-true; // -> -1

// 문자열은 숫자로 타입 변환할 수 없으므로 NaN을 반환한다.
-"Hello"; // -> NaN

문자열 연결 연산자

• +연산자는 피연산자 중 하나 이상이 문자열인 경우 문자열 연결 연산자로 동작

할당 연산자

• 우항에 있는 피연산자의 평과 결과를 좌항에 있는 변수에 할당
• 할당문은 값으로 평가되는 표현식인 문으로서 할당된 값으로 평가됨

var x;
// 할당문은 표현식인 문이다.
console.log((x = 10)); // 10

비교 연산자

• 동등 비교 / 일치비교로 나뉨
• 동등 비교(==) 연산자는 암묵적 타입변환을 통해 타입을 일치시킨 후 같은 값인지 비교합니다.
• 정리하자면 동등 비교( == ) 는 값만 비교 일치 비교 (===)는 값과 타입이 모두 같아야 true

삼항 조건 연산자

• 삼항 조건 연산자 표현식은 값으로 평가할 수 있습니다.(if~else랑 차이점)

var x = 10;
var result = x % 2 ? "홀수" : "짝수";
console.log(result);

typeof 연산자

• 피연연산자의 데이터 타입을 문자열로 반환합니다.
• 주의점은 함수는 function type으로 반환되고 null은 object 타입으로 반환됩니다.

typeof ""; // -> "string"
typeof 1; // -> "number"
typeof NaN; // -> "number"
typeof true; // -> "boolean"
typeof undefined; // -> "undefined"
typeof Symbol(); // -> "symbol"
typeof null; // -> "object"
typeof []; // -> "object"
typeof {}; // -> "object"
typeof new Date(); // -> "object"
typeof /test/gi; // -> "object"
typeof function () {}; // -> "function"

그 외의 연산자

• ?. : 옵셔널 체이닝 연산자
• ?? : null 병합 연산자
• delete : 프로퍼티 삭제
• new : 생성자 함수를 호출 할때 인스턴스 생성
• instance of : 좌변의 객체가 우변의 생성자 함수와 연결된 인스턴스 인지 판별
• in : 프로퍼티 존재 확인