부트캠프: .Reduce()

감동적인 첫 "부트캠퍼"로서 거의 2개월 반 동안 자바스크립트를 깊이 파고 들었을 때 반짝이는 물체에 즉시 매력을 느끼기 쉽습니다. 짧은 기간에 수백 가지 개념을 배우는 것은 압도적일 수 있지만, 그 개념이 진행되는 한 감사하게 된 것을 멈추고 감탄하는 것이 중요하다고 생각합니다. 내 생각에는 reduce 메소드가 지금까지 나의 반짝이는 객체라고 생각한다.

나에게 데이터를 반복하는 것은 완전히 낯선 일이었습니다. 이것은 내 레이더에 있는 것이 아니었습니다. 문자, 숫자, 단어 및 "물건"의 배열을 반복하는 아이디어는 제가 준비한 것이 아니었습니다. 아, 그리고 나중에 무언가를 반환하게 만들까요? 뭐? 간단히 말해서 무지했습니다. 명령형 for-looping을 반복해서 배운 후, 코드가 다음과 같이 얼마나 단순한지 분명해졌습니다.

let array = [2, 4, 6, 8];

const sum = (array) => {
  let result = 0; 
  for (let i = 0; i < array.length; i++) {
    result += array[i];
  }  
  return result;
};

console.log(sum(array)); -> 20

... 특히 복잡한 코드, 수학 또는 조건을 방정식에 도입할 때 신속하게 제어할 수 없게 될 수 있습니다.

...

감소 방법이 등장합니다. 축소 방법에는 제한이 없는 것 같습니다. Map, Filter 및 기타 많은 JavaScript 배열 함수가 수행하는 작업을 수행할 수 있으며 더 좋아 보입니다. 예를 들어 위의 for-loop 예를 들어 Reduce를 사용하여 포토샵을 해봅시다.

let array = [2, 4, 6, 8];

const sum = (array) => array.reduce((total, item) => total += item, 0);

console.log(sum(array)); -> 20

우와. 훨씬 더 깨끗합니다. 깨끗합니다. 수행할 작업을 지시하는 것과는 반대로 사용자가 원하는 작업을 수행하는 한 줄의 코드입니다. 멍청한 놈으로서 나는 더 자신감이 있고 아마도 이 기능을 망칠 수 있는 능력이 조금 덜할 것입니다.

...

다음으로 부트캠프에서 소개된 코딩 예제를 사용하겠습니다. 이 장난감 문제가 저에게 강요하는 "고정관념을 깨는"유형의 프로그래밍을 이해하고 있지만 감소 방법을 사용해야만 비슷한 결과를 얻을 수 있다는 사실을 알고 조금 짜증이 났습니다. 예를 들어, Reduce AND forEach를 사용하여 "stuff1"을 포함하여 좋아하는 모든 사람들의 배열을 반환합니다.

const people = [
    {
      person: 'person1',
      favStuff: ['stuff1', 'stuff2', 'stuff3'],
    },
    {
      person: 'person2',
      favStuff: ['stuff4', 'stuff1', 'stuff5'],
    },
    {
      person: 'person3',
      favStuff: ['stuff6', 'stuff7', 'stuff8'],
    },
    {
      person: 'person4',
      favStuff: ['stuff9', 'stuff1', 'stuff10'],
    }
];


const stuff = (people) => {
  var newArr = people.reduce(function(arr, curr) {
    curr.favStuff.forEach(function(stuff) {
      if (stuff === 'stuff1') {
        arr.push(curr.person);
      }
    });
    return arr;
  }, []);
  return newArr;
};

console.log(stuff(people)); -> ['person1', 'person2', 'person4']

자, 저는 여기에서 제 경적을 울리려고 하는 것이 아닙니다. 제가 이해하는 데 25-30분 정도 걸렸습니다. 대부분 제가 터널 시야를 가지고 있었기 때문입니다. 저는 이 문제를 계속 해결하고 싶었고, 다른 건 아무것도 없이 Reduce만 사용했습니다. 나는 이런 식으로 문제를 해결하기 위해 내 두뇌를 설득해야 했고... 환영받지 못했지만 forEach를 내 파티에 초대해야 했습니다.

코딩 여정을 계속하면서 더 많은 도구를 선택하고 그들과 유대감을 형성하기를 바랍니다. 나는 긍정적인 면을 찾아야 하고 코딩 미로가 나에게 제시하는 많은 어려움에 덜 집중해야 합니다. 또한 잊어버리고 참다 못해 뇌가 폭발하기 전에(및 가면 증후군), 다음은 Reduce만 사용하는 "stuff"기능입니다.

const stuff = (people) => {
 let result = people.reduce(function(arr, curr) {
  if (curr.favStuff.includes('stuff1')) {
    arr.push(curr.person);
  }
   return acc;
  }, []);
  return result;
}

console.log(stuff(people)); -> ['person1', 'person2', 'person4']