JavaScript 배열 방법 : 정렬,지도, 필터 및 감소

웹 개발 효율성을 향상시키기위한 정렬, 매핑, 필터링 및 규정을 마스터하십시오! 이 기사에서는 JavaScript 배열의 , , 및 방법에 대해 설명하고 데이터 처리 능력에 능숙한 실제 예제를 제공합니다.

sort array.prototype.sort 정렬 메소드 map filter 메소드 지정된 순서에 따라 배열 요소를 배열합니다. 기본적으로 사전의 순차적 시퀀스에서 문자열 요소를 정렬했습니다. 그러나 사용자 정의 비교 함수를 통해보다 복잡한 정렬 로직을 달성 할 수 있습니다. reduce 문법

: 정렬 순서의 함수를 정의하십시오. 두 개의 매개 변수 (a, b)를 수신하고 음수 값 : A가 B 앞에 순위를 매기는 경우
1. Zero : A와 B가 동일하면.

   긍정적 값 : A가 B 뒤에 순위가 있어야하는 경우

예 : 순차적 순서로 숫자를 정렬하십시오

예 : 속성별로 정렬 sort 메소드 원래 배열을 수정합니다.

숫자 또는 복잡한 분류의 경우 사고를 피하기 위해 비교 기능을 제공해야합니다.

<code class="language-javascript">array.sort([compareFunction])</code>

• array.prototype.map compareFunction 맵 메소드
  • 메소드 원래 배열의 각 요소에 제공된 기능을 적용하여 새 배열을 만듭니다. 데이터 변환에 종종 사용됩니다.
  문법
  : 각 요소가 수행하는 함수의 경우 를 받으십시오.
  • 현재 요소.
  <.> 원소 인덱스.
  <.> 원래 배열.

예 : 숫자 배열을 변환

<code class="language-javascript">const numbers = [42, 7, 19, 73, 23];

numbers.sort((a, b) => a - b);

console.log(numbers); // 输出：[7, 19, 23, 42, 73]</code>

예 : 형식 데이터

<code class="language-javascript">const books = [
  { title: 'Book A', year: 2001 },
  { title: 'Book B', year: 1998 },
  { title: 'Book C', year: 2015 }
];

books.sort((a, b) => a.year - b.year);

console.log(books); // 输出：按年份升序排列的书籍数组</code>

메소드는 원래 배열을 수정하지 않으며 새 배열을 반환합니다.

데이터 구조의 변환에 매우 적합합니다.
• sort
• array.prototype.filter
필터 메소드

주어진 조건을 충족하는 요소 만 포함하는 새 배열을 만듭니다. 종종 데이터 서브 세트를 추출하는 데 사용됩니다.
2. 문법

   : 함수가 포함되어야하는지 (return true) 또는 제외 (백 허위) 요소를 포함 해야하는지 결정하십시오.

   예 : 짝수를 필터
예 : 조건에 따라 물체를 필터링합니다

map 메소드는 원래 배열을 수정하지 않습니다.

관련 데이터를 추출하거나 배열을 청소하는 강력한 도구입니다.

<code class="language-javascript">array.map(callback(element, index, array))</code>

array.prototype.reduce
• 동상 메소드 callback
  메소드는 어큐뮬레이터 및 배열의 ​​각 요소 (왼쪽에서 오른쪽)에 함수를 적용하고 단일 값으로 특성화합니다.
  • 문법
    : 각 요소의 함수의 경우 매개 변수는 다음과 같습니다.

    <code class="language-javascript">array.sort([compareFunction])</code>

    cumulator.
    • 현재 요소. callback 현재 요소의 색인.
      <.> 원래 배열.
      • : 축합기의 초기 값 (선택 사항이지만 권장).
      • 예 : 평화 추구
      예 : 속성 에 따른 그룹 데이터
      방법은 매우 유연하며 배열, 객체 또는 단일 값을 생성 할 수 있습니다.
      이것은 사용자 정의 변환, 데이터 집계 등을위한 강력한 도구입니다.
    는 항상 더 나은 예측 가능성을 얻기 위해 초기 값을 제공합니다.
    • initialValue 메소드 조합 ,
    및
    메소드를 결합하여 데이터 처리 효율을 최적화 할 수 있습니다. 특히 큰 데이터 세트를 처리 할 때는 여러 반복을 피하기 위해 성능을 향상시킬 수 있습니다.

    결론 JavaScript 's ,

    <code class="language-javascript">const numbers = [42, 7, 19, 73, 23];
    
    numbers.sort((a, b) => a - b);
    
    console.log(numbers); // 输出：[7, 19, 23, 42, 73]</code>

    , 및 메소드는 효율적이고 우아한 데이터 작업에 중요합니다. 그들의 메커니즘과 응용 프로그램을 이해하면 개발자가보다 간결하고 쉽게 만들기 위해 코드를 작성하는 데 도움이 될 수 있습니다. 이 방법들에 더 많은 연습을하고 능숙 해지십시오!

위 내용은 JavaScript 배열 방법 : 정렬,지도, 필터 및 감소의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!