515 수업 판서 내용 메모

---

1. each

// [ for-each ]

//  1. collection(배열 혹은 객체)과 함수 iteratee(반복되는 작업)를 인자로 전달받아 (iteratee는 함수의 인자로 전달되는 함수이므로 callback 함수)
//  2. collection의 데이터(element 또는 property)를 순회하면서
//  3. iteratee에 각 데이터를 인자로 전달하여 실행합니다.


_.each = function (collection, iteratee) {
  // TODO: 여기에 코드를 작성합니다.
  if (Array.isArray(collection)) {
    for (let idx = 0; idx < collection.length; idx++) {
      iteratee(collection[idx], idx, collection);
    }
  } else {
    for (let key in collection) {
      iteratee(collection[key], key, collection);
    }
  }
};

// [1,2,3,4]
// 1 2 3 4


2. reduce

// 하나로 응축 시켜주는 함수 ?
// 예를 들면 sum(합계) 만들 때... 잘 사용된다....

//  1. 배열을 순회하며 각 요소에 iteratee 함수를 적용하고,
//  2. 그 결과값을 계속해서 누적(accumulate)합니다.
//  3. 최종적으로 누적된 결과값을 리턴합니다.
// 예를 들어, 배열 [1, 2, 3, 4]를 전부 더해서 10이라는 하나의 값을 리턴합니다.
// 각 요소가 처리될 때마다 누적되는 값은 차례대로 1, 1+2, 1+2+3, 1+2+3+4 입니다.
// 이처럼 _.reduce는 배열이라는 다수의 정보가 하나의 값으로 축소(응축, 환원, reduction)되기 때문에 reduce라는 이름이 붙게 된 것입니다.


* input 값이 [1,2,3,4] , 초기값 0 .

_.reduce = function (arr, iteratee, initVal) {
  // TODO: 여기에 코드를 작성합니다.
  let accumulator = initVal;

  _.each(arr, function (item, idx, src) {
    // initVal이 없고 인덱스가 0번째이면 
    // 초기값을 넣어준다
    if (initVal === undefined && idx === 0) {
      accumulator = item;
    } else {
      accumulator = iteratee(accumulator, item, idx, src);
    }
  });

  return accumulator;
};

 

---

1. filter
// array 에서 조건에 맞는 값? 만 가지고 오려고 쓰는 ... 함수(기능)

// _.filter는 짝수판별 함수를 통과하는 모든 요소를 담은 새로운 배열을 리턴합니다.
// 짝수판별(element)의 결과(return 값)가 truthy일 경우, 통과입니다.
-- 통과된 데이터를 저장할 공간이 필요할 것 같다...

?

// 배열 요소 한개씩 불러오는 function 함수다.

_.each = function (collection, iteratee) {
  // TODO: 여기에 코드를 작성합니다.
  if (Array.isArray(collection)) {
    for (let i = 0; i < collection.length; i++) {
      iteratee(collection[i], i, collection);
    }
  } else {
    for (let el in collection) {
      iteratee(collection[el], el, collection)
    }
  }
};

// 이 each 를 사용해서 위에서 설명한 filter 를 만들어야 한다.


// arr = 배열
// 짝수판별 = 조건 ? 검증식 ?



_.filter = function (arr, 짝수판별) {
  // TODO: 여기에 코드를 작성합니다.
  
  // 변수 선언
  const result = []; // 어떤 true 로 통과된 데이터들을 따로 모아둘 배열 공간 선언
  
  // 배열 값 하나씩 검사
  -.each(arr,(짝수판별 인자 값)=>{
// 짝수판별 값이 true 냐 ? 
// 짝수판별 ===> 인자가 짝수판별 조건에 부합하는 지에 대한 결과 값을 true 로 뱉어 줄거임
if (짝수판별(짝수판별 인자값)){
result.push(짝수판별값);
}
  })
  return result;
};


_.filter = function (arr, test) {
// TODO: 여기에 코드를 작성합니다.

let result = [];

// 검사식 빼서
짝수 만드는 function (item) {
if(item % 2 === 0)
{
return true;
}
}

// === => == 
// 뱉어내는 true 타입에 애매한 무언가의 문제가.... ?

// 짝수 판별
_.each(arr, 짝수 만드는 function (item) {
    if (item % 2 == 0) {
      result.push(item);
    }
  })
 
// 문자열 확인
  _.each(arr, function (item) {
      if (String(item).length >= 6) {
        result.push(item);
    }  })

// 
_.each(arr, function (item) {
// if 문 안에는 true 인 거만 알수 있게
// 검사식은 다른 function 으로 빼서 만드는거
// 시도 해보시면 좋을 것 같아요 !
if (item === true) {
result.push(item);
}
})

return result;

};

---

 [ once() ] 

 * 이를 활용하여 기존 함수가 여러 번 실행되면 결과가 변동되는 함수를, 한 번 리턴된 값만 리턴하게 하는 함수(_.once)
 1. 실행 여부 판별하는 방법에 대한 고민
 2. 한번 이미 시행이 되었으면 처음 return  값이
 
 // 이 함수 딱 한번만 돌게 검사해서 .. 한번 리턴된 값만 리턴하게... "once"
 // 
 

_.once = function(func) {

// 선언할 변수 
// 1. function 이 돌았는지 확인할 수 있는 변수
// 2. return 값

let functioncalledyn = false; //true
let result;

return function(...args){
// spread syntax : 배열 값 뜯어서.. 사용할 수 있게 es6 부터 나온 문법
if(functioncalledyn === false){
result = func(...args);
functioncalledyn = true;
}
return result;
}

};