JavaScript で配列を走査する方法の詳細な説明

韦小宝
リリース: 2018-03-14 17:50:13
オリジナル
2244 人が閲覧しました

この記事では、JavaScript が配列を走査する方法について説明します。JavaScript の配列の走査について知らない場合、または JavaScript の配列の走査に興味がある場合は、この記事を一緒に見てみましょう。 pointこの記事は、js で配列を走査する方法をまとめています:

問題: 配列 arr を走査し、すべての要素を大文字に変換する

var arr = ['a','b','c','d'];
ログイン後にコピー

方法 1:for ループ この方法は、より一般的に使用されます。

"use strict";var arr = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;];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 ループ このメソッドは通常、オブジェクトを走査するために使用されます (配列は特別な種類のオブジェクトです)

メソッド 3: forEach メソッド 配列反復メソッド (以下で説明します) ) 戻り値:
戻り値なし

"use strict";var arr = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;];var arrUp = [];
arr.forEach(function(key, index, array){
    arrUp.push(key.toUpperCase());
});
console.log(arrUp);             //['A','B','C','D']
ログイン後にコピー

メソッド 4: マップメソッド 配列反復メソッド (後述) 戻り値:
各関数呼び出しの結果から構成される配列を返す

"use strict";var arr = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;];var arrUp = arr.map(function(key, index, array){
    return key.toUpperCase();
});
console.log(arrUp);             //['A','B','C','D']
ログイン後にコピー
For上記の単純な質問、おそらくこれら 4 つの方法は比較的優れていると思いますが、問題は複雑です

var arr = [1, 4, 10, 5, 8];
ログイン後にコピー

質問: この配列について、6 より大きい配列要素の数を計算してください

簡単な例を挙げると、上記の 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 メソッドの概要

配列を走査するための for-in ループと for ループの使用方法

配列を走査するための while ループのメソッド

以上がJavaScript で配列を走査する方法の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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