>웹 프론트엔드 >JS 튜토리얼 >JavaScript의 배열 그룹화 (4)

JavaScript의 배열 그룹화 (4)

WBOY
WBOY원래의
2024-09-01 21:09:32683검색

Array Grouping In JavaScript (4)

JavaScript의 배열 그룹화(2024)
배열 그룹화는 JavaScript에서 새로운 것이 아닙니다. 배열 그룹화는 개발자가 특정 특성에 따라 배열의 요소를 그룹으로 구성하는 데 도움이 되는 JavaScript의 새로운 기능입니다. 이를 통해 데이터를 더 쉽게 찾고 작업할 수 있습니다.
이제 질문은 그것이 어떻게 작동하는가이다.
글쎄, 최신의 현대적인 방법 개발자가 배열 요소를 다양한 방법으로 그룹화하기 전에 "방법 축소"가 있습니다.

예:

일시적인 학생 = [
{이름: "SK Toukir", 나이: 21 },
{이름: "SK Turaj", 나이: 21},
{이름: "SK제한", 나이: 20},
];
const StudentAges = Student.reduce((결과, 학생=>{
const age = 학생.나이;
if( !결과[ 연령 ] ){
결과[ 연령 ]= [ ];
} 결과[ 연령 ].push( 학생 );
결과 반환;
}),{});
console.log(studentAges);

그러나 최신 JavaScript에서는 개발자가 "Object .groupBy" 메서드 또는 "array.group"을 사용하여 몇 분 안에 이 작업을 수행할 수 있어 매우 쉽습니다.
방법 .
1.객체. 그룹바이
예:

일시적인 학생 = [
{이름: "SK Toukir", 나이: 21 },
{이름: "SK Turaj", 나이: 21},
{이름: "SK제한", 나이: 20},
];
const StudentAges = Object.groupBy( 학생, ( 학생=>student.age ) );
console.log(studentAges);

이 방법에서 첫 번째 개발자는 Object.groupBy(메서드 이름)를 작성하며 2개의 매개변수를 사용합니다. 첫 번째 매개변수는 배열 이름이 되고 두 번째 매개변수는 콜백 함수가 되며 이를 통해 개발자는 배열 요소를 쉽게 그룹화할 수 있습니다.

  1. array.group 예:

일시적인 학생 = [
{이름: "SK Toukir", 나이: 21 },
{이름: "SK Turaj", 나이: 21},
{이름: "SK제한", 나이: 20},
];
const StudentAges = Students.group( 학생=>student.age );
console.log(studentAges);

group() 메소드는 배열의 항목을 가져와서 그룹으로 정렬합니다. 각 그룹에는 레이블("키"라고 함)이 있으며 해당 그룹에 속한 항목은 배열에 함께 저장됩니다.

주의 사항: 이러한 견인 방법이 모든 노드 버전에서 작동하지 않으면 "vs code"에서 터미널을 열고 "npm i core-js" 유형을 입력한 다음 코드를 다시 실행하면 제대로 작동할 것입니다.

위 내용은 JavaScript의 배열 그룹화 (4)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.