JavaScript で配列を走査する方法の詳細な説明-jsチュートリアル-php.cn

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

韦小宝

リリース： 2018-03-14 17:50:13

オリジナル

2278 人が閲覧しました

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

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

var arr = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;];

ログイン後にコピー

方法 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 ループ このメソッドは通常、オブジェクトを走査するために使用されます (配列は特別な種類のオブジェクトです)

"use strict";var arr = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;];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 = [&#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

ログイン後にコピー

上記この記事の内容は以上です。よく知らない場合は、両方の側面をさらに実装することで簡単にマスターできます。