자바스크립트 문법(8) 고차함수

본 게시글은 아래의 글을 필사하였습니다.

https://webdoli.tistory.com/70?category=833233

자바스크립트 문법(8) 고차함수

자바스크립트에서 고수의 길로 나아가는 첫 관문은 '함수'이다. 함수를 얼마나 잘 사용하는가에 따라 자바스크립트로 작성한 코드의 깊이가 달라진다. 그 중에서 기본이 되는 부분은 '고차함수'이다.

인수에 함수를 넣어서 사용하는 고차함수 방식은, 코드를 줄여주고, 자신만의 라이브러리를 만드는 데에 기본이 된다. 고차함수 사용과 관련된 예제를 살펴보자.

function gocha(data, f) {
  for(var key in data) {
    f(data[key], key);
  }
}

var ary1 = ['황소', '오리', '너구리'];
gocha(ary1, function(value, key) {
  console.log(key + ':' + value);
});

//결과 :
0 : 황소
1 : 오리
2 : 너구리

참고사항으로 ES2015에서는 함수의 인자값으로 객체도 전달할 수 있다.

function gocha(data, f) {
  for(var key in data) {
    f(data[key], key);
  }
}

var ary1 = {'양서류' : '개구리', '조류' : '오리', '포유류' : '너구리' }
gocha(ary1, function(value, key) {
  console.log(key + ':' + value);
});

// 결과 :
양서류 : 개구리
조류 : 오리
포유류 : 너구리