이터레이터(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)..
자바스크립트에서 제공하는 배열(Array)의 유용한 함수 (reduce, map, filter, indexOf, foreach)
자바스크립트(javascript)에서 제공하는 배열의 함수 ES6에서만 사용하는 것은 아니지만 자바스크립트 프로그래밍할 때 유용한 메서드이면서 다른 사람의 코드를 보면서 이해를 못했던 필자 같은 사람을 위해 정리한다.(1) 배열 안의 특정값 찾기 ( indexOf ) 배열에서 특정 값이 존재하는지 탐색할 때 for문으로 일일이 검사하면서 코드를 짜는게 보통이다.123456var isExist = false;for(var i = 0 ; i= 10;}var filtered = [12, 5, 8, 130, 44].filter(isBigEnough);// filtered 는 [12, 130, 44] 배열에 대해서 filter를 적용해 10이상인 값만 필터링하는 예제12345678910var arr = [ {"n..