ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript の反復可能で一般的に使用されるいくつかのトラバーサル メソッド

JavaScript の反復可能で一般的に使用されるいくつかのトラバーサル メソッド

云罗郡主
リリース: 2018-10-22 16:29:25
転載
3206 人が閲覧しました

この記事では、JavaScript で一般的に使用されるトラバース メソッドをいくつか紹介します。必要な方は参考にしていただければ幸いです。

es6 では、新しい Map オブジェクトと Set オブジェクトが添字を介して走査できますが、Map と Set は添字を介して走査できません。コレクションを統合するために、es は新しい反復可能型を導入しました。Array、Map、および Set 型はすべて反復可能に属します。

一般的に使用されるいくつかの走査方法について説明しましょう。

1.for..in

var a = [1,2,3];for(var index in a ){
    console.log(index);    console.log(a[index]);}
ログイン後にコピー

上記の出力は 0,1,2 1,2,3

配列のみがマップとセットの両方で for..in を持つことができますこれは使用できません。for..in はインデックス

2.for..of

for(var x of a){
    console.log(x);}
ログイン後にコピー
var d =  new Set(['A', 'B', 'C']);for(var dd of d){
    console.log(dd);}
ログイン後にコピー
ログイン後にコピー

for..of を走査し、値

JavaScript の反復可能で一般的に使用されるいくつかのトラバーサル メソッド

を走査します。

これは上記の操作の結果です。

for..of と for..in

for..of の違いは、es6 で新しく導入された概念です、

for ... ではLoop 歴史的な問題により、実際に通過するのはオブジェクトの属性名です。 Array 配列は実際にはオブジェクトであり、各要素のインデックスはプロパティとして扱われます。

追加の属性を Array オブジェクトに手動で追加すると、for ... in ループによって予期せぬ予期せぬ効果がもたらされます:

var a = ['A', 'B', 'C'];
a.name = 'Hello';for (var x in a) {
    console.log(x); // '0', '1', '2', 'name'
ログイン後にコピー

3 .foreach() メソッド

var d =  new Set(['A', 'B', 'C']);for(var dd of d){
    console.log(dd);}
ログイン後にコピー
ログイン後にコピー
rrree

JavaScript の反復可能で一般的に使用されるいくつかのトラバーサル メソッド

上記は、JavaScript で一般的に使用されるイテラブルのいくつかのトラバーサル メソッドの完全な紹介です。詳しく知りたい場合は、JavaScript ビデオ チュートリアル、PHP 中国語 Web サイトにご注意ください。


以上がJavaScript の反復可能で一般的に使用されるいくつかのトラバーサル メソッドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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