객체분해할당
let num=mem.num; , let name=mem.name 두개의 코드를 let {num,name}=mem; 한 코드로 작성이 가능하다. 이것을 객체분해할당이라고 한다.
useMem 코드처럼 object type을 매개변수로 활용할 수 있다.
keyCode 활용형식 2가지 예시이다. input 박스에 문자열을 입력하면 관련 keyCode가 log되도록 작성했다.
object type 작성 형식
num, name, isMan을 미리 정의해 두면 mem2와 같은 형식으로 작성하더라도 자동으로 object type에 값이 입력된다.
또 object type에 함수를 담을때 sing(){}처럼 function을 작성하지 않고 코드를 작성할 수도 있다.
mem3와 같이 key값을 변경하기 쉽게 object type을 작성하는 방식도 있다.
'javascript, framework > javascript' 카테고리의 다른 글
Step06_templateString(backtick) ecma6 (0) | 2022.07.19 |
---|---|
Step05_function(함수 디폴트값 지정, ... (함수 배열 입력)) ecma6 (0) | 2022.07.19 |
Step03_array(map, filter, find 함수) ecma6 (0) | 2022.07.19 |
Step02_arrowFunction(arrow function, 람다함수) ecma6 (0) | 2022.07.19 |
Step01_varaible(var, let, const 차이) ecma6 (0) | 2022.07.19 |