&& 연산자 && 연산자는 논리적 AND 연산자이다. 모든 피연산자가 true 일 때 해당 피연산자의 집합이 true가 된다. if( someFlag && otherFlag ){ // ... } 다른 프로그래밍 언어를 먼저 접한 사람이라면 && 연산자를 위와 같이 단순히 논리연산자로만 사용할 것이다. 하지만 자바스크립트에서 && 연산자는 단순히 논리연산자로만 사용되지 않는다. test = false && true // false test = "" && "test" // "" test = 12 && 4 // 4 test = 12 && 4 && 2 // 2 && 연산자는 피연산자를 왼쪽부터 평가하면서 첫 falsy(거짓 같은 값) 피연산자를 만나면 바로 해당 피연산자의 값을 반환한다. 만약 모든 값이 tru..
옵셔널 체이닝(optional chaining)이란? 옵셔널 체이닝은 '?.' 형태의 특별한 문법구조체의 사용을 뜻하는데, 이것을 이용하면 프로퍼티(property)가 없는 중첩 객체를 에러 없이 안전하게 접근할 수 있다. 다만 옵셔널 체이닝은 자바스크립트 스펙에 추가된 지 얼마 되지 않았기 때문에 구식 브라우저는 폴리필이 필요하다. 옵셔널 체이닝의 등장 배경 const student = {} 위와 같이 비어있는 student라는 객체의 프로퍼티에 접근하려고 하면 어떻게 될까? alert(student.name.lastName); // TypeError: Cannot read property 'lastName' of undefined 당연히 오류가 발생하게 된다. 실제로 어떤 객체의 프로퍼티가 비어있는 ..
nullish 병합 연산자 다른 프로그래밍 언어를 사용하다 자바스크립트를 사용하면 특이한 연산자가 보인다. alert(name ?? '홍길동' ); 위와 같이 자바스크립트에는 '??' 연산자가 존재한다. 이건 nullish 병합 연산자라고 하는데, 앞의 피연산자가 null 혹은 undefined라면 뒤 피연산자를 반환하고, 그렇지 않다면 앞의 피연산자를 반환한다. 예를 들어 let a = null; let x = a ?? b;// x = b 위와 같이 a ?? b와 같은 식에서 a가 null 혹은 undefined라면 뒤 b를 반환하고, 그렇지 않다면 a를 반환한다. x = (a !== null && a !== undefined) ? a : b; '??' 연산자와 위 코드는 같은 동작을 한다. 즉 위와 ..
typeof란? typeof는 피연산자의 데이터 타입을 반환하는 연산자이다. 하나의 피연산자를 오른쪽에 두며 피연산자의 원시 타입(primitive type)을 string 형태로 반환한다. 예를 들어 위와 같이 string 타입 변수를 피연산자로 받으면 'string'을 반환한다. typeof가 반환하는 값은 다음과 같다. 'boolean' : 불리언 'number' : 숫자 'string' : 문자열 'object' : 객체 'function' : 함수 'undefined' : undefined 'symbol' : ES6부터 추가된 Symbol 타입 typeof를 사용하는 다양한 예시를 보자. 특이한 경우 몇 개만 짚어보겠다. { }는 객체기 때문에 'object'를 반환한다. 또한 배열인 [ ] 도..
undefined란? undefined는 자바스크립트의 원시 값(primitive type) 중 하나로, 값을 할당하지 않은 변수는 모두 undefined 자료형이다. 또한 메서드나 선언에서 평가할 변수가 값을 할당받지 않은 경우, 값이 주어지지 않은 인수(parameter), 함수가 값을 명시적으로 반환하지 않는 경우에도 undefined를 반환한다. typeof undefined의 결과는 'undefined'이다. let x; if( x === undefined) { // 실행 O }else{ // 실행 X } null이란? null은 자바스크립트의 원시 값(primitive type) 중 하나로, 어떤 값이 의도적으로 비어있음을 표현한다. null 값은 참조 변수에(reference variable..