Operation

  • 프로퍼티 이름 조합

  • 문자열과 변수를 조합하여 프로퍼티 이름으로 사용

let item = {

**`[“one” + “two”] : 12`**

};

//[]안에 작성

//{onetwo:12}


let name = “tennis”;

let sports = {[name+”game”] : “윔블던"}

// tennisgame : “윔블던"


let a = “c”;

let {[a] : value} = { a: “b”};

// {a:”b”} 가됨


default value

값을 할당하지 않으면 default 값 적용

let [a,b,c = 5] = [1,2];

// a= 1, b=2, c =5

let [a,b= a + 1 , c = b+1]


함수의 파라미터에 디폴트 값 작성

let plus = (one,two =2) => one + two;


let getVal = ({two: val} = { two : 20}) => val;

result = getVal();

//20


for-of

for(variable of iterable){}

  • 이터러블 오브젝트를 반복처리

iterable

  • 이터러블 오브젝트 지정

  • 표현식 지정, 표현식 지정 사용

for(val of [1,2,3]){}

for(let val of “ABC”){} // A,B,C


nodeList 반복

  • NodeList의 엘리먼트를 하나씩 반복전개

  • let nodes = document.querySelectorAll(“li”);

  • for(let node for nodes){}

디스트럭처링

  • 이터러블 오브젝트 구조에 맞추어 for-of 문에 변수 작성

for-in, for-of 차이

  • 반복하여 전개하는 것은 같음

  • for-in

    • Object 에서 열가 가능한 프로퍼티가 대상

    • enumerable 속성 값이 true 인것

  • for-of

    • 이터러블 오브젝트가 대상

    • prototype에 연결된 프로퍼티는 연결되지 않음


Object 열거

  • 이터러블 오브젝트가 아니므로 for-of로 열거 불가

  • Object를 for-of로 사용할 수 있는 방법

    • Object.keys()로 프로퍼티이름을 배열로 만들고 프로퍼티 이름을 반복하면서 값추출

거듭제곱 연산자

  • **

  • ES7 스펙 연산자

results matching ""

    No results matching ""