JS 데이터

문자

• string 전역 객체는 문자열 생성자
  • string.prototype.indexOf
  • string.prototype.slice
  • string.prototype.replace
  • match 정규 표현식(/.+(?=@)/) [0]
  • string.prototype.trim

숫자와 수학

• toFixed(숫자): 인수로 소수점 몇번째 자리까지 유지할 것인지 명시
• parseInt: 숫자만 추출해서 정수로 반환
• parseFloat: 소수점자리 숫자를 유지하면서 반환
• Math.
  • abs: 주어진 숫자의 절대값을 반환
    min, max: 최소, 최대
    ceil, floor, round: 올림, 내림, 반올림
    random: 난수

배열(1)

• callback
  index
  element 요소 item

Array.prototype.length
Array.prototype.find

• concat: 원본의 배열 데이터가 수정되지 않고, 두가지의 배열 데이터를 병합해서 새로운 배열을 반환
• forEach: 메소드가 붙어있는 배열 데이터의 아이템 갯수만큼 인수로 사용된 콜백함수가 반복적으로 실행 (item, index, array)
• map: (return)인수로 사용하는 콜백에 내부에서 반환하는 하나의 데이터를 가지고 그데이터들을 모아놓은 새로운 배열을 만들어 반환

배열(2)

• 원본 데이터 수정 X

  • filter: 데이터 필터링
  • find: 콜백내에서 item을 찾으면 반복 종료 후 찾아진 데이터를 반환
    findIndex: 찾아진 item의 index 번호 반환
  • includes: 인수로 사용하는 데이터가 배열에 포함되어있는지 확인

• 원본 데이터 수정 O

  • push: 배열 데이터에 가장 뒤쪽에 데이터 삽입
    unshift: 배열 데이터에 가장 앞쪽에 데이터 삽입
  • reverse: 배열의 item 순서 뒤집기
  • splice: 특정 item 제거 및 끼우기

객체

• Object: 정적 static

Object.assign
Object.keys

구조 분해 할당

= 비구조화 할당

• 객체 데이터 (속성 이름)
  배열 데이터 (순서)

전개 연산자

• (...item) 쉼표로 구분되어있는 item으로 전개되어짐
  (a, b, ...c) 나머지 매개변수

불변성

• 원시 데이터: string, number, boolean, undefined, null
• 참조형 데이터(가변성): object, array, function

얕은 복사와 깊은 복사

• 얕은 복사
  object.assign
  {...user}

• 깊은 복사
  lodash → _.cloneDeep (반복 실행)