이터레이터(Iterator)와 for of 문(인덱스말고 값을 순회한다.)
이터레이터(Iterator) 이터레이터는 '반복자'라는 의미로, 이터러블(Iterable, 순회 가능한 자료구조)의 요소를 탐색하기 위한 포인터로서 next()함수를 가지고 있는 객체다.단순하게 '컬렉션을 반복할 수 있게 하는 객체' 정도로 이해해본다.지난 포스트에서도 알아봤듯이 Array, String, Map, Set, DOM이 이터러블이고, 이런 것을 반복할 수 있게 하는 것이 이터레이터다.ex) Array.prototype[Symbol.iterator] ,String.prototype[Symbol.iterator], ...12345678const iterable = ['a', 'b', 'c'];const iterator = iterable[Symbol.iterator](); // 이터레이터는 va..
Destructuring(디스트럭쳐링) - 배열과 객체의 값을 변수로 받는 방법
Destructuring? : 기존에 구조를 가지고 있던 객체(Array or Object)를 파괴(Destructure)하여 별도의 변수에 값을 할당하는 것이다.=> 배열이나 객체 안의 어떤 값을 추출할 때 쉽게 받아오는 방법배열 Destructuring 123456789101112//ES5var arr = [1, 2, 3];var one = arr[0];//1var two = arr[1];//2var three = arr[2];//3//ES6const arr = [1,2,3];const [one, two, three] = arr;// one = 1, two = 2, three = 3let x,y,z;[x,y,z] = arr;// x=1, y=2, z=3 기존에는 배열의 인덱스를 찾아서 가져올 수 있었..
Rest 파라미터와 Spread 연산자 정리하기 (feat. 함수의 가독성을 높이는 방법)
Rest 파라미터 (Rest Parameter) Rest 파라미터는 Spread 연산자(...)를 사용하여 함수의 파라미터를 작성한 형태를 말한다. 즉, Rest 파라미터를 사용하면 함수의 파라미터로 오는 값들을 "배열"로 전달받을 수 있다.(Java에서 public static void func(String... strs){...} 이런식의 가변인자와 유사)사용 방법은 파라미터 앞에 (...)을 붙인다.12345function foo(...rest) { console.log(Array.isArray(rest)); // true console.log(rest); // [ 1, 2, 3, 4, 5 ]}foo(1, 2, 3, 4, 5); * function foo(param1, param2, ...rest)..
