TIL 22.10.08 | Object 동적 Key 할당, Object.assign() 과 ES6, Object 키값쌍 삭제 (delete 키워드), AsyncStorage (React-Native)

1. Object 의 동적 Key 할당

const obj = { [Date.now()]: { text, category } }

2. Object.assign() 과 ES6

Object.assign() 개요

• 객체들을 합쳐서 새로운 객체를 반환해주는 메서드입니다.
• ES5 까지 객체를 합칠 때 주로 사용되었습니다.
• 예시

...(생략)

const newTodos = Object.assign(
  {}, 
  todos, 
  {[Date.now()]: { text: text, category: category }},
);

ES6 이후

• Spread Syntex 를 활용하여 더 직관적으로 작성할 수 있습니다.
• 예시

...(생략)

const newTodos = { ...todos, [Date.now()]: { text, category } };

3. Object 키값쌍 삭제

delete 키워드 미사용

...(생략)

const newTodos: todos = {};
Object.keys(todos)
  .filter((key) => key !== id)
  .forEach(
    (idNotDeleted) => (newTodos[idNotDeleted] = todos[idNotDeleted])
  );

delete 키워드 사용

...(생략)

const newTodos: todos = {...todos};
delete newTodos[id];

4. AsyncStorage (React-Native)

• 웹에서의 LocalStorage 와 99% 유사합니다.
• 다른점은 Async/Await 를 사용해야합니다.
• 모바일의 저장공간 리소스를 사용합니다.