목록자바스크립트 (24)
함께 성장하는 프로독학러
안녕하세요, 프로독학러 입니다. 이번 포스팅에서는 배열의 여러 메서드 중 reduce 메서드에 대해서 알아보겠습니다. 배열에는 매핑을 위한 map 메서드라든지, 하나의 조건을 만족하는 요소를 찾기 위한 some 메서드라든지, 여러 메서드가 있습니다.현재 map 메서드에 대해서는 포스팅이 돼 있는 상태입니다만, 다른 여러 매서드들에 대해서도 차근차근 포스팅하도록 하겠습니다. 그럼 본격적으로 reduce메서드에 대해서 알아보도록 하겠습니다.reduce메서드는 배열의 요소들을 하나씩 돌며 이전 콜백의 리턴값과 현재 콜백의 리턴값을 가지고 어떤 작업을 하는데 유리한 메서드 입니다. 표현식은 다음과 같습니다. arr.reduce(callbackFunction(accumulator, currentValue[, cu..
안녕하세요, 프로독학러 입니다. 이번 포스팅에서는 저번 포스팅(전개연산자)과 비슷하지만 쓰임이 약간은 다른 나머지 매개변수에 대해서 알아보도록 하겠습니다. 나머지 매개변수는 정해지지 않은 수(부정수) 인수를 배열로 나타낼 수 있도록 하는 표현법입니다. 표현식은 다음과 같습니다. function(a, b, ...theArgs) { // ... }함수를 선언 할 때, 해당 함수가 호출될 때 값으로 들어올 인자를 정하는 것을 매개변수라고 합니다. 이 매개변수를 지정할 때 매개변수의 이름 앞에 ...을 붙이면 이는 나머지 매개변수를 의미합니다. 그리고 이는 함수내에서 배열로 인식됩니다. 이해를 돕기 위해 다음 예제를 보겠습니다. 1234567var add = (...rest) => { console.log(re..
안녕하세요, 프로독학러입니다. 이번 포스팅에서는 ES6의 전개연산자에 대해서 알아보도록 하겠습니다. 전개연산자는 함수를 호출하는 인자로 배열을 사용하고 싶을 때나 배열을 정의하는 리터럴 내에서 사용할 수 있습니다.표현식은 아래와 같습니다. 1) 함수를 호출하는 인자로 배열을 사용할 때myFunction(...iterableObj);2) 배열 리터럴[...iterableObj, 4, 5, 6]2-1) 배열 리터럴 비구조화 (iterableObj를 선언하지 않고 할당)[a, b, ...iterableObj] = [1, 2, 3, 4, 5];1) 전개연산자의 함수호출용의 용도를 예제와 함께 알아보겠습니다. 12345function add(a, b, c){ return a+b+c;}var arr = [2, 4,..
안녕하세요, 프로독학러 입니다. 이번 포스팅에서는 자바스크립트 배열의 메서드 중 map 메서드에 대해서 알아보겠습니다. 표현식은 다음과 같습니다. var new_array = arr.map(function callback(currentValue[, index[, array]]) { // new_array의 새 요소 반환 }[, thisArg])map메서드의 첫 번째 인자로는 콜백함수가 옵니다.콜백함수의 첫 번째 인자는 배열의 각 원소(item)가, 생략이 가능한 두, 세 번째 인자는 해당 원소의 index값과 전체 배열이 들어옵니다. map메서드의 두 번째 인자는 callback함수를 실행할 때 this로 들어오는 값을 지정하는 것입니다. 생략 가능하며, 기본 값은 Window객체 입니다. map메서드를..