【JavaScript】イテラブルな標準組み込みオブジェクト一覧

更新日:2024/03/13

 

イテラブルな標準組み込みオブジェクト一覧

ECMAScriptの標準組み込みオブジェクトの中で、イテラブルなオブジェクトは、次の5つです。

Array
Map
Set
String
TypedArray

TypedArrayは、Int8Arrayなどのビューオブジェクトを指すので、実際にはもっと多いです。

関連ページ
【JavaScript】オブジェクトがイテラブルなオブジェクトかどうか判断する方法

Array

Arrayオブジェクトをイテラブルなオブジェクトとして使用すると、要素を順番に返します。

const array = [1,2,3];

for( const value of array ){
  console.log( value ); // 1
                        // 2
                        // 3
}

Map

Mapオブジェクトをイテラブルなオブジェクトとして使用すると、キーと値の配列を順番に返します。

const map = new Map();
map.set( "c" , 100 );
map.set( "b" , 200 );

for( const value of map ){
  console.log( value ); // [ 'c', 100 ]
                        // [ 'b', 200 ]
}

Set

Setオブジェクトをイテラブルなオブジェクトとして使用すると、値を順番に返します。

const set = new Set([1, 2, 3]);

for( const value of set ){
  console.log( value ); // 1
                        // 2
                        // 3
}

String

Stringオブジェクトをイテラブルなオブジェクトとして使用すると、一文字ずつ順番に返します。

const text = "こんにちは🐈"

for( const value of text ){
  console.log( value ); // こ
                        // ん
                        // に
                        // ち
                        // は
                        // 🐈
}

絵文字などのサロゲートペアも、一文字と判定してくれます。

TypedArray

Int8ArrayなどのTypedArrayオブジェクトをイテラブルなオブジェクトとして使用すると、要素を順番に返します。

const i8Array = new Int8Array([1,2,3]);

for( const value of i8Array ){
  console.log( value ); // 1
                        // 2
                        // 3
}

更新日:2024/03/13

書いた人(管理人):けーちゃん

スポンサーリンク

記事の内容について

null

こんにちはけーちゃんです。
説明するのって難しいですね。

「なんか言ってることおかしくない?」
たぶん、こんなご意見あると思います。

裏付けを取りながら記事を作成していますが、僕の勘違いだったり、そもそも情報源の内容が間違えていたりで、正確でないことが多いと思います。
そんなときは、ご意見もらえたら嬉しいです。

掲載コードについては事前に動作確認をしていますが、貼り付け後に体裁を整えるなどをした結果動作しないものになっていることがあります。
生暖かい視線でスルーするか、ご指摘ください。

ご意見、ご指摘はこちら。
https://note.affi-sapo-sv.com/info.php

 

このサイトは、リンクフリーです。大歓迎です。