【Flutter】List.mapでindex番号を取得する方法

2024年10月20日2025年2月24日

未経験から最短3カ月でプログラマーへ！！【０円スクール】

この記事はで読むことができます。

この記事でわかること

List.mapでインデックス番号を取得する方法
インデックス番号を使用したリスト操作の応用

アプリ開発に必須なキャッチコピーやテキストをAI（人工知能）が自動作成

目次閉じる

はじめに
まとめ

はじめに

Flutterの開発において、リスト内の各要素に対して処理を行う場合に便利なのがList.map関数です。しかし、この関数を使用して、同時に要素のインデックス番号を取得する方法を知らないユーザーも多いのではないでしょうか。本記事では、List.mapを使用しながら要素のインデックス番号を取得する方法を解説します。初心者の方でも理解しやすいように、コード例を交えながらステップごとに説明していきます。

方法1：asMap()を使用してindex番号を取得する方法

List.map関数を直接使用してもインデックス番号は取得できません。しかし、List.asMap()を利用すると、インデックス番号をkeyとして扱い、リストの要素をvalueとして取得できます。これにより、各要素とそのインデックス番号を一緒に操作することが可能です。

Dart

List<String> nameList = ['奥野', '佐藤', '川口'];

nameList.asMap().entries.map((entry) {
  int index = entry.key;  // インデックス番号を取得
  String name = entry.value;  // リストの要素を取得
  
  print('$index番目の要素は$nameです');
});

// 結果
// 0番目の要素は奥野です
// 1番目の要素は佐藤です
// 2番目の要素は川口です

インデックス番号とリストの要素を同時に取得できるため、リスト内の要素を柔軟に操作できます。