JavaScript에서 배열을 반복하는 5가지 방법-JS 튜토리얼-php.cn

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

零到壹度

풀어 주다： 2018-04-12 14:31:17

원래의

1324명이 탐색했습니다.

이 기사에서는 특정 참조 값이 있는 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循环迭代数组一样

로그인 후 복사