Operator - wooyeonhui/Yeonny GitHub Wiki

대입연산자

Example Same As ㅡㅡㅡㅡㅡㅡㅡㅡㅗㅡㅡㅡㅡㅡㅡ

---

x = y x = y x+=y x = x + y x-=y x = x - y x*=y x = x * y x/=y x = x / y x%=y x = x % y

비교 연산자(Comparison Operators)

Operator Description == 동등비교(loose equality) 형변환 후, 비교한다. === 일치비교(strict equality) 타입까지 일치하여야 true를 반환한다. != !==

<

= <= ? 삼항 연산자

//삼항연산자 (ternary operator) //조건 ? 조건이 true일때 반환할 값 : 조건이 false일때 반환할 값 var condition = true; var result = condition ? 'true' : 'false'; console.log(result); //'true'

// id의 길이가 INPUT_ID_MIN_LEN보다 작으면 에러 메세지를 출력한다. var id = 'lee'; var INPUT_ID_MIN_LEN = 5; var errMsg = id.length < INPUT_ID_MIN_LEN ? '아이디는 5자리 이상으로 입력하세요' : '성공'; console.log(errMsg); // '아이디는 5자리 이상으로 입력하세요'

논리 연산자(Logical Operators)

논리 연산자는 Boolean 값과 함께 사용하여 Boolean 값을 반환하는 것이 일반적이다. 사실 논리 연산자는 피연산자 중 하나를 반복한다.

|| OR && AND ! NOT

단축 평가(Short-Circuit Evaluation)

논리 연산자가 Boolean 값과 함께 사용되지 않을 경우, Boolean 값을 반환하지 않을 수 있다. 이는 논리 연산자가 피연산자 중 하나를 반환하기 때문이다. 논리 연산자는 다음의 규칙을 따라서 "단축 평가"로 검사된다.

평가식                      평가결과

true || anything true false || anything anything true && anything anything false && anything false

Boolean 값으로 평가하기 위해 참조하여야 할 곳까지 진행한 후, 평가를 중지하게된 계기가 된 값을 반환한다.

var foo = 'Cat' && 'Dog' // t && t return 'Dog'

이경우, 'Cat'은 true로 평가되므로 연산 결과를 알기 위해서는 'Dog'까지 평가해 보아야 한다. 따라서 평가를 중지하게된 계기가 된 값('Dog')을 반환한다.

var foo = false && 'Cat' // f && t returns false

이 경우, false 가 처음 등장하였다. 더 이상 진행하지 않아도 결과를 반환할 수 있으므로 평가는 중지되고 평가를 중지하게된 계기가 된 값인 false가 반환된다.

var foo = 'Cat' || 'Dog' // t || t returns 'Cat'

이 경우, 'Cat'은 true로 평가되므로 평가는 중지되고 Cat이 반환된다.

// || (논리 합) 연산자 var o1 = 'Cat' || 'Dog'; // t || t returns Cat var o2 = false || 'Cat'; // f || t returns Cat var o3 = 'Cat' || false; // t || f returns Cat

// && (논리곱) 연산자 var a1 = 'Cat' && 'Dog'; // t && t returns Dog var a2 = false && 'Cat'; // f && t returns false var a3 = 'Cat' && false; // t && f returns false

// example function foo (str) { str = str || ''; // do somethig with str console.log(str.length); }

foo(); // 0 foo('hi'); // 2

// example var obj = { // foo: 'hi', bar: 'hey' };

console.log('obj.foo is ' + obj.foo); // obj.foo is undefined

if (obj && obj.foo) { // do somethig with obj.foo console.log('obj.foo is ' + obj.foo); }

타입 연산자 (Type Operators)

Operator Description typeof 변수의 자료형을 문자열로 반환한다. null과 배열의 경우 object,함수의 경우 function를 반환하는 것에 유의하여야 한다. instanceof 객체가 동일 객체형의 인스턴스이면 true를 반환한다.

typeof 'John' // returns string typeof 3.14 // returns number typeof NaN // returns number typeof false // returns boolean typeof [1, 2, 3, 4] // returns object typeof {name:'John', age:34} // returns object typeof new Date() // returns object typeof function () {} // returns function typeof myCar // returns undefined (설계적 결함) typeof null // returns object (설계적 결함)

function Person(){} var me = new Person() me instanceof Person // returns true

!!

feel like 있다 없다

console.log(!!1); // true console.log(!!0); // false console.log(!!'string'); // true console.log(!!''); // false console.log(!!null); // false console.log(!!undefined); // false console.log(!!{}); // true console.log(!![]); // true

객체(배열 포함)의 경우 빈 객체라도 존재하기만하면 true로 변환된다. 객체의 존재 확인 후 그 결과를 반환해야 하는 경우, !!를 사용하면 강제로 피연산자를 boolean으로 형 변환 할 수 있다.

var obj; console.log(!!obj); //false

obj = {}; console.log(!!obj); //true