이 글에서는 참고할만한 좋은 JavaScriptarray 반복 방식을 주로 소개합니다. 아래 에디터와 함께 살펴보도록 하겠습니다.
최근에는 데이터 처리가 업무에 관련되는 경우가 많습니다. 특히 배열을 순회하고 변환해야 하는 경우가 종종 있습니다. 그래서 제가 직접 할 수밖에 없습니다. 작은 빨간 책을 찾아서 뒤집어서 나중에 참고할 수 있도록 적어두세요.
배열에 일반적으로 사용되는 반복 방법
ECMAScript5는 배열에 대해 5가지 반복 방법을 정의합니다. 각 메소드는 두 개의 인수, 즉 각 항목에 대해 실행될 fn 함수와 (선택적으로) 함수를 실행할 범위 객체('this' 값에 영향을 미침)를 허용합니다. 이 메소드에 전달된 함수(fn)는 항목, 인덱스, 배열과 같은 3개의 매개변수를 받습니다.array.forEach(function(item,index,array){ //do your staff here; },this)
5가지 반복 방법의 함수와 반환 값에 대한 개요는 다음과 같습니다.
ECMAScript5 배열 요소 반복 방법메소드 이름 | 메소드 함수 | 반환 값 | |||||||||||||||||
every() | 배열의 각 요소에 대해 지정된 함수를 실행합니다. | 부울: 각 항목이 true를 반환하면 true를 반환합니다. | |||||||||||||||||
filter() | 배열의 각 요소에 대해 지정된 함수를 실행합니다. | Array: 다음 요소로 구성된 새 배열을 반환합니다. 함수는 true를 반환합니다. | td>|||||||||||||||||
forEach() | 배열의 각 요소에 대해 지정된 함수를 실행합니다. | null: 반환 값 없음 | |||||||||||||||||
map
|
배열의 각 요소에 대해 지정된 함수 실행 | Array: 함수 실행 반환 그 후 새로운 새 요소로 구성된 새 배열을 가져옵니다.||||||||||||||||||
some() | 각 요소에 대해 지정된 함수를 실행합니다. 배열에서 | 부울: 함수 실행 후 항목이 true를 반환하면 true를 반환합니다.
간단히 말하면:
every() , some() 메서드는 배열 요소에 대한 조건부 판단에 적합합니다.
filter() , map() 메서드는 배열의 조건부 필터링/재처리에 적합합니다.
forEach() 메서드는 배열 자체에는 작동하지 않으며 배열 요소에 두 번만 적용됩니다.
다음은 각 메서드를 사용하는 방법의 예입니다.
먼저 회사의 이번 달 급여 목록을 얻는 시나리오를 가정해 보겠습니다. 회사 직원 급여의 배열이 salaries=[8500,12000,9900,9000]이라고 가정합니다. ,
a. 당신의 급여가 가장 낮은지 알고 싶습니다.
b. 당신과 같은 급여를 받는 사람이 있는지 알고 싶습니다.
c. 모두가 똑같은 대우를 받는지 알고 싶어요
모든 사람의 급여를 K 데이터로 환산하고 싶어요
rree위 내용은 JavaScript 배열 반복 구현을 위한 공유 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!