map() , filter() 및 reduce() 메서드에 대한 간단한 터치

이것들은 개발에서 많이 사용되는 몇 가지 방법이며 반드시 알아야 합니다. 그럼 시작하겠습니다!

지도:


map() 메서드는 기존 배열에서 새 배열을 만들고 첫 번째 배열의 각 요소에 함수를 적용합니다.

예를 들어

const numbers = [1, 2, 3, 4];
const doubled = numbers.map(item => item * 2);
console.log(doubled); // [2, 4, 6, 8]


필터:


filter() 메서드는 조건문을 기반으로 값을 반환합니다. 배열의 각 요소에 대한 조건을 확인하고 조건이 true이면 반환하지 않으면 반환합니다.

예를 들어

const numbers = [4, 7, 12, 3];
const evens = numbers.filter(item => item % 2 === 0);
console.log(evens); // [4, 12]



const students = [
  { name: 'abc', attendance: 96 },
  { name: 'mno', attendance: 60 },
  { name: 'def', attendance: 89 },
  { name: 'jkl', attendance: 65 },
  { name: 'xyz', attendance: 40 }
];

const eligibleStudent = students.filter(student => student.attendance >= 75);
return eligibleStudent; // [ { name: 'abc', grade: 96 }, { name: 'def', grade: 89}]


줄이다:


reduce() 메서드는 배열의 각 요소에 대해 제공된 함수를 실행하여 배열을 단일 값으로 줄입니다.

통사론:

array.reduce(function(total, currentValue, currentIndex, arr), initialValue)


Total(초기값 또는 이전에 반환된 함수 값) 및 currentValue(현재 요소의 값)는 필수 매개변수입니다. InitialValue는 선택 사항이며 배열의 초기 값을 설정합니다. initialValue가 제공되지 않으면 배열의 첫 번째 요소가 초기값으로 사용됩니다. initialValue가 없는 빈 배열에서 reduce()를 호출하면 TypeError가 발생합니다.

예를 들어

const euros = [29.76, 41.85, 46.5];
const sum = euros.reduce((total, amount) => total + amount); 
console.log(sum)  // 118.11



var pilots = [
  {
    id: 10,
    name: "Poe Dameron",
    years: 14,
  },
  {
    id: 2,
    name: "Temmin 'Snap' Wexley",
    years: 30,
  },
  {
    id: 41,
    name: "Tallissan Lintra",
    years: 16,
  },
  {
    id: 99,
    name: "Ello Asty",
    years: 22,
  }
];

const totalYears = pilots.reduce((acc, pilot) => acc + pilot.years, 0); 
console.log(totalYears) //82


그것이 이 주제에 대한 것입니다. 배운 것이 있으면 개발자 친구와 공유하십시오. 개발 및 기술 항목에 대한 매일 트윗을 위해 저를 팔로우하세요. 즐거운 코딩👨‍💻❤ .

좋은 웹페이지 즐겨찾기