[JS] 자주 까먹는 개념 정리

undefined

• + 연산자 사용 시, 숫자로 타입 변환되지 않음

NaN

• 자기 자신과 일치하지 않는 유일한 값
  - NaN === NaN; // false
  

단축 평가

• 조건문 사용 시, 활용 많이 하기 !

// example 1
var elem = null;
var value = elem && elem.value;

//example 2
'Cat' && 'Dog'; // "Dog"

• [참고] 여러가지 연산자 소개

객체 프로퍼티

Key

• 동적 생성 가능

const object = {};
object['name'] = 'Kim';
console.log(object.name);	// 'Kim'
console.log(object[name]);	// 'ReferenceError ??

Value

• 접근 방식: 마침표, 대괄호

• [참고] 객체의 모든 것

문자열 관련 메서드

String.prototype.split()

• string 객체를 separator를 기준으로 나눈 배열 반환
• separator: 공백 문자, 특정 문자 모두 가능
  - 특정 문자로 설정할 경우, 해당 문자를 제외한 배열을 반환할 수 있음
• limit: 나누는(끊는) 횟수 제한 가능

const str = 'Hello World. How are you doing?';

console.log(str.split(' '));	// ["Hello", "World.", "How", "are", "you", "doing?"]
console.log(str.split(' ', 3));	// ["Hello", "World.", "How"]

배열 관련 메서드

Array.prototype.join()

• 배열의 모든 요소를 separator로 연결하여 하나의 문자열 반환
• separator: 문자, 빈 문자 모두 가능

const arr = ['2021', '11', '15'];

console.log(arr.join('-'));	// "2021-11-15"

Array.prototype.reduce()

array.reduce(callback[, initialValue]);

• 배열의 각 요소에 대해 reducer 함수를 실행하고, 하나의 결과값 반환
• reducer, initialValue로 구성

• reducer(callback) 함수의 인자
  - acc: 반환 값의 누적값
  - cur: 현재 값
  - idx: 현재 인덱스
  - src: 원본 배열
• initialValue 가 없는 경우
  - acc: 배열의 첫 번째 값
  - cur: 배열의 두 번째 값