ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript配列反復メソッドの詳しい解説_JavaScriptスキル

JavaScript配列反復メソッドの詳しい解説_JavaScriptスキル

WBOY
リリース: 2016-05-16 15:05:44
オリジナル
1316 人が閲覧しました

この記事では、JavaScript の配列反復メソッドを紹介します。具体的な内容は次のとおりです。

各メソッドは 2 つの引数を受け入れます。各項目に対して実行する関数と、(オプションで) 関数を実行するスコープ オブジェクトです。

これらのメソッドに渡される関数は、配列項目の値、配列内の項目の位置、配列オブジェクト自体の 3 つのパラメーターを受け取ります。

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;
};*/
ログイン後にコピー

以上がこの記事の全内容です。JavaScript の配列反復メソッドを学ぶのに役立つことを願っています。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート