javaScript 배열 반복 방법_javascript 기술에 대한 자세한 설명

이 글에서는 참고용으로 자바스크립트 배열 반복 방법을 소개합니다.

각 메서드는 두 개의 인수, 즉 각 항목에 대해 실행할 함수와 (선택적으로) 함수를 실행할 범위 개체를 허용합니다.

이 메소드에 전달된 함수는 세 가지 매개변수, 즉 배열 항목의 값, 배열 내 항목 위치, 배열 객체 자체를 받습니다.

forEach() 배열의 각 항목에 대해 지정된 함수를 실행합니다. 이 메서드에는 반환 값이 없습니다.
every() 배열의 모든 항목에 대해 지정된 함수를 실행하고 배열의 모든 항목이 true를 반환하면 true를 반환합니다.
some() 배열의 각 항목에 대해 지정된 함수를 실행하고 배열의 항목 중 하나라도 true를 반환하면 true를 반환합니다.
filter() 배열의 각 항목이 true를 반환하면 true를 반환합니다. 이 함수가 true를 반환할 항목의 배열을 반환합니다.
map() 배열의 각 항목이 true를 반환하면 true를 반환합니다. 각 함수 호출의 결과 배열을 반환합니다.

다음 예를 참조하세요.

var numbers = [1,2,3,4,5,4,3,2,1];
//every()
var everyResult = numbers.every(function(item, index, array){
 return (item > 2);
});
alert(everyResult); //false
//some()
var someResult = numbers.some(function(item, index, array){
 return (item > 2);
});
alert(someResult); //true
//filter()
var filterResult = numbers.filter(function(item, index, array){
 return (item > 2);
});
alert(filterResult); //[3,4,5,4,3]
//map()
var mapResult = numbers.map(function(item, index, array){
 return (item * 2);
});
alert(mapResult); //[2,4,6,8,10,8,6,4,2]
//forEach()
numbers.forEach(function(item, index, array){
 alert(item);
}); //多个弹窗分别显示数组中的元素

또 다른 JavaScript 배열 반복 방법은 다음과 같습니다

var arr = [3,4,5,6,7,"a"];

var isNum = function(elem,index,AAA){
return !isNaN(elem);
}

var toUpperCase = function(elem){
return String.prototype.toUpperCase.apply(elem);
}

var print = function(elem,index){
console.log(index+"."+elem);
}

/*对数组中的每一项执行测试函数，直到获得对指定的函数返回 false 的项。 使用此方法 可确定数组中的所有项是否满足某一条件,类似于&&的含义*/
var res = arr.every(isNum);
console.log(res);//false;

/*对数组中的每一项执行测试函数，直到获得返回 true 的项。 使用此方法确定数组中的所有项是否满足条件.类似于||的含义*/
res = arr.some(isNum);
console.log(res);//true

/*对数组中的每一项执行测试函数，并构造一个新数组，返回 true的项被添加进新数组。 如果某项返回 false，则新数组中将不包含此项*/
res = arr.filter(isNum);
console.log(res);//[3, 4, 5, 6, 7]

/*对数组中的每一项执行函数并构造一个新数组，并将原始数组中的每一项的函数结添加进新数组。*/
res = arr.map(toUpperCase);
console.log(res);//["3", "4", "5", "6", "7", "A"]

/*对数组中的每一项执行函数,不返回值*/
res = arr.forEach(print);
console.log(res);

 

 

//自己扩展

/*Array.prototype.every = function(fun,obj) {
var len = this.length;
if (typeof fun != "function")
throw new TypeError();
for (var i = 0; i < len; i++) {
if (!fun.call(obj,this[i], i,this))
return false;
}
return true;
};*/

위 내용은 이 글의 전체 내용입니다. 자바스크립트 배열 반복 방법을 배우는 모든 분들에게 도움이 되었으면 좋겠습니다.