수복의 프로그래밍 여행기
article thumbnail
[JS] Map 함수 이해하기
자바스크립트 2020. 3. 21. 16:59

JS 를 이용하여 Map 함수를 사용할 때 다음과 같은 의문점이 들었습니다. 언제 사용할까? 어떻게 사용할까? 다른 사람이 사용했던 거 어떻게 사용한거야? 위와 같은 의문점이 들었을 때, 구글링으로 여러가지 지식을 습득한 결과 저만의 결과가 나오게 되었습니다. Map 함수는? 1. 배열이 필요함 배열이 있고 map 함수가 사용됩니다. 2. 새로운 배열 생성 map 함수는 return 하여 새로운 배열을 만들어 냅니다. 예시) map() 함수를 사용하여 return 한 새로운 배열은 변수 result 에 저장됩니다. 3. 인자를 다 사용하지 않아도 됨 map 함수에서 사용되는 인자가 3가지. 하지만 모두 다 사용하지 않고 하나만 사용해도 됩니다! map(요소, 인덱스, 배열) --> map(요소) map(..

[자바스크립트] 응용형함수 또는 고차함수 -1
자바스크립트 2019. 5. 27. 21:08

함수형으로 전환하는 과정 중 가장 중요한 함수형 프로그래밍의 컨셉을 잘 이해하고 어디에서 함수를 사용하는가이다. 여기서는 함수를 사용하는 이유를 중복을 제거하거나 추상화할 때 ,함수를 사용함으로써 프로그래밍을 한다고 한다. 앞에서도 함수를 사용했었는데 이번 장에서는 함수가 함수를 받아 원하는 시점에 알고있는 인자를 적용하여 원하는 결과를 얻어내는 것으로 이러한 함수는 응용형 함수 또는 고차 함수라고 불린다고 합니다. 들어가기에 앞서 map 이라는 내장 함수를 자바스크립트에서 확인 할 수 있습니다. 간단하게 map 내장함수 설명을 읽어보고 마지막에 한번 더 보는 것을 저는 추천합니다. 먼저 하나의 배열에 총 10개가 있는 객체를 생성해 봅니다. var array =[ { id:1, name: 'AJ', a..

[함수형 프로그래밍] 일급함수
자바스크립트 2019. 5. 26. 21:58

순수함수가 아닌 일급함수는 함수를 값으로 다룰 수 있는 것이라고 생각하면 됩니다. 어떻게 하면 함수를 값으로 다루는 것일까요?? 아래와 같이 자바스크립트는 변수에 함수를 담아 둘 수 있습니다. var func1 = function (a,b) { return a+b; }; console.log(func1); //결과값 ƒ (a,b) { return a+b; } 사실 프로그래밍을 하면 실제로 함수를 변수에 담아 위와 같은 결과값을 보여주는 것은 거의 없을 겁니다. 하지만 함수가 실행되어 return되 결과값을 가지고 조합을 할 것입니다. function f1(f) { return f(); } console.log(f1(function () { return 10; })); 사실 이 부분은 정말 위의 코드로도 ..

[함수형 프로그래밍] 순수함수
자바스크립트 2019. 5. 26. 18:44

자바스크립트는 아래와 같이 2가지의 형태로 프로그래밍 할 수 있습니다. 함수형 프로그래밍 객체지향 프로그래밍 제가 자주 사용했던 방법은 객체지향이였지만, 함수형으로도 사용을 해야겠다고 다짐하고 아래와 같이 공부해 보았습니다. 먼저 순수함수라는 것부터 알아보고자 확인하였습니다. 무언가 함수의 순수성을 강조한 거 같은데...값의 변화가 없다라고 저는 이해하였습니다. 그럼 무엇이 변화가 없을까 라고 생각할텐데요... 함수는 인자를 받고 return 할 수 있습니다. 들어온 인자가 같으면, 동일한 리턴 값을 보내준다고 생각하면 될 것입니다. 아래와 같이 코드로 표현해 보겠습니다. function sumAdd(a,b) { return a+b; } console.log(sumAdd(10,20)); // 결과값: 3..