>  기사  >  웹 프론트엔드  >  JavaScript에서 배열을 반복하는 5가지 방법

JavaScript에서 배열을 반복하는 5가지 방법

零到壹度
零到壹度원래의
2018-04-12 14:31:171317검색

이 기사에서는 특정 참조 값이 있는 JavaScript 배열에 대한 5가지 반복 방법을 공유합니다. 도움이 필요한 친구는 이를 참조할 수 있습니다.

ECMAScript5는 배열에 대한 5가지 반복 방법을 정의합니다. 각 메소드는 두 개의 매개변수, 즉 각 항목에 대해 실행될 함수와 (선택적으로) 함수를 실행하는 범위 객체(이에 영향을 미치는 값)를 허용합니다. 이러한 메서드에 전달된 함수는 세 가지 매개 변수, 즉 배열 항목의 값, 배열 내 항목 위치, 배열 개체 자체를 허용합니다.

every(): 배열의 각 항목에 대해 주어진 함수를 실행합니다. 함수가 각 항목에 대해 true를 반환하면 true를 반환합니다.

filter(): 배열의 각 항목에 대해 주어진 함수를 실행하고 함수가 true를 반환하는 항목 배열을 반환합니다.

forEach(): 배열의 각 항목에 대해 지정된 함수를 실행합니다. 이 메서드에는 반환 값이 없습니다.

map(): 배열의 각 항목에 대해 주어진 함수를 실행하고 각 함수 호출의 결과로 구성된 배열을 반환합니다.

some(): 배열의 각 항목에 대한 함수가 주어지면 함수가 어떤 항목에 대해 true를 반환하면 true를 반환합니다.

위 메서드는 배열에 포함된 값을 수정합니다.

    var numbers = [1,2,3,4,5,4,3,2,1];
    var everyResult=numbers.every(function (item,index,array) {
    	return(item>2);
    });
    alert(everyResult);   //false      every()必须没一项都返回true 则返回true
  var someResult=numbers.some(function (item,index,array) {
	return(item>2);
   });
   alert(someResult);   //true         some()任意一项返回true 则返回true
	var filterResult=numbers.filter(function (item,index,array) {
	     return(item>2);
	});
	alert(filterResult);  // 34543  filter()利用指定的函数确定返回在数组中包含某一项。 返回一个所有的数值都要大于2的数组。
       var mapResult=numbers.map(function (item,index,array) {
	     return item * 2;
	});
	alert(mapResult);  //2,4,6,8,10,8,6,4,2  map()也返回一个数组。而这个数组的每一项都是在原始数组中的对应上运行入函数的结果。
    numbers.forEach(function(item,index,array){
    	//执行某些操作
   })     //forEach()它只是对数组的每一项运行传入的函数,没有返回值。本质和for循环迭代数组一样

관련 권장 사항:

JavaScript의 배열의 5가지 반복 방법 요약

js 배열로 정의된 5가지 반복 방법

JS 배열 반복 방법

위 내용은 JavaScript에서 배열을 반복하는 5가지 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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