js 4

자바스크립트 배열 메서드 3: reduce

1. [ ] . reduce(( 누적값, 현잿값, 인덱스, 요소 ) => { return 결과 }, 초깃값 ) reduce는 이전값이 아닌 누적값을 사용하는 것을 주의해야합니다. 기본적인 사용법은 아래와 같습니다. oneTwoThree=[1,2,3] result = oneTwoThree.reduce((acc, cur, i) => { console.log(acc, cur, i); return acc + cur; }, 0); // 0 1 0 // 1 2 1 // 3 3 2 result; // 6 acc(누적값) 이 초기값인 0부터 시작해서 return 하는대로 누적되는 것을 볼 수 있습니다. 초깃값을 적어주지 않으면 자동으로 초기값이 0번째 인덱스의 값이 됩니다. oneTwoThree=[1,2,3] resu..

JS 2022.03.29

자바스크립트 배열 메서드 2: map

map은 forEach와 마찬가지로 Array의 각 요소를 순회하며 callback 함수를 실행합니다. 다만 callback에서 return 되는 값을 배열로 만들어냅니다. 1. [ ] . map ( callback ) const arr = [0,1,2,3]; let squaredArr = arr.map(function(element){ return element * element; }); // 혹은 arrow 함수 가능 squaredArr = arr.map(element => element * element); console.log(squaredArr); // [ 0, 1, 4, 9 ] 위 코드를 보면 배열속 요소들이 제곱되어 새로운 배열이 생성되는 모습입니다. 2. callback 함수 인자 cons..

JS 2022.03.29

자바스크립트 배열 메서드 1: forEach

forEach는 for문과 마찬가지로 반복적인 기능을 수행할 때 사용합니다. 하지만 for문처럼 index와 조건식, 증감을 정의하지 않아도 callback 함수를 통해 기능을 수행할 수 있습니다. 1. forEach(callback) 기본적인 사용법은 아래와 같습니다. const arr = [0,1,2,3,4,5,6,7,8,9,10]; arr.forEach(function(element){ console.log(element); // 0 1 2 3 4 5 6 7 8 9 10 }); // 혹은 arrow 함수 가능 arr.forEach(element => console.log(element)); arr 객체의 요소들이 callback 함수를 통해 순서대로 호출되는 모습입니다. 2. callback 함수 ..

JS 2022.03.29

클로저 (Closure) 란?

클로저란? 클로저는 내부 함수가 정의 될 때 외부 함수의 환경을 기억하고 있는 내부 함수를 말합니다. 외부 함수안에서 선언된 내부함수는 그 외부 함수의 지역변수나 함수에 접근하여 사용 할 수 있습니다. 클로저 예시 function outter() { // 외부 함수 var data = 1; function inner() { // 내부 함수 return data; } return inner(); } outter 함수 안에는 지역변수 data와 내부 함수 inner가 선언 되어있고 inner 함수는 지역변수 data를 반환하고 있습니다. 클로저 함수 호출 var func = outter(); console.log(func); outter 함수의 반환 값은 inner 함수입니다. inner 함수를 호출해 보았..

JS 2022.03.29