この記事では、JavaScript が配列を走査する方法について説明します。JavaScript の配列の走査について知らない場合、または JavaScript の配列の走査に興味がある場合は、この記事を一緒に見てみましょう。 pointこの記事は、js で配列を走査する方法をまとめています:
問題: 配列 arr を走査し、すべての要素を大文字に変換するvar arr = ['a','b','c','d'];
方法 1:for ループ この方法は、より一般的に使用されます。 "use strict";var arr = ['a','b','c','d'];var arrUp = [];for(var i = 0; i < arr.length; i++){
arrUp.push(arr[i].toUpperCase());
}
console.log(arrUp); //['A','B','C','D']
メソッド 2: for in ループ このメソッドは通常、オブジェクトを走査するために使用されます (配列は特別な種類のオブジェクトです)"use strict";var arr = ['a','b','c','d'];var arrUp = [];for(var i in arr){
arrUp.push(arr[i].toUpperCase());
}
console.log(arrUp); //['A','B','C','D']
メソッド 3: forEach メソッド 配列反復メソッド (以下で説明します) ) 戻り値:
戻り値なし"use strict";var arr = ['a','b','c','d'];var arrUp = [];
arr.forEach(function(key, index, array){
arrUp.push(key.toUpperCase());
});
console.log(arrUp); //['A','B','C','D']
メソッド 4: マップメソッド 配列反復メソッド (後述) 戻り値:
各関数呼び出しの結果から構成される配列を返す"use strict";var arr = ['a','b','c','d'];var arrUp = arr.map(function(key, index, array){
return key.toUpperCase();
});
console.log(arrUp); //['A','B','C','D']
var arr = [1, 4, 10, 5, 8];
簡単な例を挙げると、上記の 4 つメソッドでも問題ありませんが、判断するのがより面倒になる可能性があります。さまざまなシナリオで、配列を走査するメソッドの方が優れていると思います。
: 2 つのパラメータ、関数 (必須)、および関数を実行するためのスコープ オブジェクトを受け取ります (オプション、通常は使用されません) 、現時点では魔法が何なのか分からないので、あまり説明はしません) //要接受的函数,本文叫判断函数function(key, index, array){
//key: 数组项值
//index: 该项的数组下标
//arr:待操作的数组}
方法5:everyメソッド戻り値:
判定関数がeveryに対してtrueを返した場合item、その後 true を返します 使用方法:
条件に基づいて配列内の各項目を検出し、ブール値を取得したいだけです"use strict";var arr = [1, 4, 10, 5, 8];var arrTest = arr.every(function(key, index, array){
return (key > 2);
});
console.log(arrTest); //false
方法 6: filter メソッド 戻り値:
配列を返します、配列要素は、判定関数が true を返す項目で構成されます 使用:
条件付きフィルタリング"use strict";var arr = [1, 4, 10, 5, 8];var arrTest = arr.filter(function(key, index, array){
return (key > 6);
});
console.log(arrTest); //[10, 8]
方法 7: 何らかのメソッド 戻り値:
判定関数が 任意の項目に対して true を返す場合、 true を返します 使用:
条件付きフィルタリング"use strict";var arr = [1, 4, 10, 5, 8];var arrTest = arr.some(function(key, index, array){
return (key > 6);
});
console.log(arrTest); //true
関連する推奨事項:
以上がJavaScript で配列を走査する方法の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。