> 웹 프론트엔드 > JS 튜토리얼 > JavaScript 배열 반복 구현을 위한 공유 방법

JavaScript 배열 반복 구현을 위한 공유 방법

黄舟
풀어 주다: 2017-03-23 14:57:59
원래의
1339명이 탐색했습니다.

이 글에서는 참고할만한 좋은 JavaScriptarray 반복 방식을 주로 소개합니다. 아래 에디터와 함께 살펴보도록 하겠습니다.

최근에는 데이터 처리가 업무에 관련되는 경우가 많습니다. 특히 배열을 순회하고 변환해야 하는 경우가 종종 있습니다. 그래서 제가 직접 할 수밖에 없습니다. 작은 빨간 책을 찾아서 뒤집어서 나중에 참고할 수 있도록 적어두세요.

배열에 일반적으로 사용되는 반복 방법

ECMAScript5는 배열에 대해 5가지 반복 방법을 정의합니다. 각 메소드는 두 개의 인수, 즉 각 항목에 대해 실행될 fn 함수와 (선택적으로) 함수를 실행할 범위 객체('this' 값에 영향을 미침)를 허용합니다.

이 메소드에 전달된 함수(fn)는 항목, 인덱스, 배열과 같은 3개의 매개변수를 받습니다.

array.forEach(function(item,index,array){
  //do your staff here;
},this)
로그인 후 복사

사용 방법에 따라 이 함수의 반환 값은 다음과 같습니다. 실행은 메서드의 반환 값에 영향을 줄 수도 있고 안 줄 수도 있습니다.

5가지 반복 방법의 함수와 반환 값에 대한 개요는 다음과 같습니다.

ECMAScript5 배열 요소 반복 방법


td> td>Array: 함수 실행 반환 그 후 새로운 새 요소로 구성된 새 배열을 가져옵니다.부울: 함수 실행 후 항목이 true를 반환하면 true를 반환합니다.
메소드 이름 메소드 함수 반환 값
every() 배열의 각 요소에 대해 지정된 함수를 실행합니다. 부울: 각 항목이 true를 반환하면 true를 반환합니다.
filter() 배열의 각 요소에 대해 지정된 함수를 실행합니다. Array: 다음 요소로 구성된 새 배열을 반환합니다. 함수는 true를 반환합니다.
forEach() 배열의 각 요소에 대해 지정된 함수를 실행합니다. null: 반환 값 없음
map
方法名 方法作用  返回值
every() 针对数组中每一项元素运行指定函数 Boolean:若每一项都返回true,返回true;
filter() 针对数组中每一项元素运行指定函数, Array:   返回函数运行返回true的元素组成的新数组
forEach() 针对数组中每一项元素运行指定函数 null:  无返回值
map() 针对数组中每一项元素运行指定函数  Array:  返回函数运行后,得到到新新元素组成的新数组
some() 针对数组中每一项元素运行指定函数 Boolean: 若有任意一项执行函数后返回true, 则返回true
()
배열의 각 요소에 대해 지정된 함수 실행
some() 각 요소에 대해 지정된 함수를 실행합니다. 배열에서

간단히 말하면:

every() , some() 메서드는 배열 요소에 대한 조건부 판단에 적합합니다.

filter() , map() 메서드는 배열의 조건부 필터링/재처리에 적합합니다.

forEach() 메서드는 배열 자체에는 작동하지 않으며 배열 요소에 두 번만 적용됩니다.

다음은 각 메서드를 사용하는 방법의 예입니다.

먼저 회사의 이번 달 급여 목록을 얻는 시나리오를 가정해 보겠습니다. 회사 직원 급여의 배열이 salaries=[8500,12000,9900,9000]이라고 가정합니다. ,

a. 당신의 급여가 가장 낮은지 알고 싶습니다.

b. 당신과 같은 급여를 받는 사람이 있는지 알고 싶습니다.

c. 모두가 똑같은 대우를 받는지 알고 싶어요

모든 사람의 급여를 K 데이터로 환산하고 싶어요

rree

위 내용은 JavaScript 배열 반복 구현을 위한 공유 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿