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

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

云罗郡主
云罗郡主転載
2018-10-22 16:28:593126ブラウズ

この記事では、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 までご連絡ください。