【Flutter】配列の基本から応用までの完全ガイド！

いちの

こんばんは〜
弊社ブログに辿り着いていただきありがとうございます！
株式会社メモリアインクのいちのです

List型とは

概要

Flutterでは、List型は配列やコレクションの操作に頻繁に使用されます。List型は、同じ型のデータを順序付けて格納するためのコレクションです。Flutter 3でのListの基本的な宣言と使用方法を見てみましょう。

サンプルコード

void main() {
  List<String> fruits = ['Apple', 'Banana', 'Cherry'];
  print(fruits);
}

サンプルコードの解説

Map型とは

概要

Map型は、キーと値のペアでデータを格納するコレクションです。Flutterでは、JSONデータの操作や設定情報の格納など、様々な場面でMap型が活用されます。ここでは、Flutter 3でのMapの基本的な使い方を紹介します。

サンプルコード

void main() {
  Map<String, int> priceOfFruits = {
    'Apple': 200,
    'Banana': 100,
    'Cherry': 300,
  };
  print(priceOfFruits);
}

サンプルコードの解説

配列操作の基本

forEach()

概要

forEach()メソッドを使用すると、ListやMapに格納された各要素に対して指定した関数を一度ずつ適用させることができます。次のサンプルコードでは、Listに格納されたフルーツの名前を一つずつコンソールに出力します。

サンプルコード

void main() {
  List<String> fruits = ['Apple', 'Banana', 'Cherry'];
  fruits.forEach((fruit) {
    print(fruit);
  });
}

サンプルコードの解説

map()

概要

map()メソッドを使用すると、コレクション内の各要素に関数を適用し、その結果からなる新しいコレクションを作成することができます。以下のサンプルでは、各フルーツの名前を大文字に変換します。

サンプルコード

void main() {
  List<String> fruits = ['Apple', 'Banana', 'Cherry'];
  var upperCaseFruits = fruits.map((fruit) => fruit.toUpperCase()).toList();
  print(upperCaseFruits);
}

サンプルコードの解説

contains()

概要

contains()メソッドを使用すると、コレクションが特定の要素を含んでいるかどうかを確認することができます。以下のサンプルでは、List内に特定のフルーツが含まれているかをチェックします。

サンプルコード

void main() {
  List<String> fruits = ['Apple', 'Banana', 'Cherry'];
  bool hasApple = fruits.contains('Apple');
  print('Contains Apple: $hasApple');
}

サンプルコードの解説

sort()

概要

sort()メソッドを使用すると、List内の要素を指定した条件に従ってソートすることができます。以下のサンプルでは、フルーツの名前をアルファベット順にソートします。

サンプルコード

void main() {
  List<String> fruits = ['Cherry', 'Banana', 'Apple'];
  fruits.sort();
  print(fruits);
}

サンプルコードの解説

every()

概要

every()メソッドを使用すると、コレクション内の全ての要素が指定した条件を満たしているかどうかを確認することができます。以下のサンプルでは、全てのフルーツの名前が5文字以上であるかをチェックします。

サンプルコード

void main() {
  List<String> fruits = ['Apple', 'Banana', 'Cherry'];
  bool allHaveFiveLetters = fruits.every((fruit) => fruit.length >= 5);
  print('All have five or more letters: $allHaveFiveLetters');
}

サンプルコードの解説

まとめ

いかがでしたでしょうか？今回は、配列の基本から応用に至るまで、サンプルコードを用いて解説してみました。読者様の開発の手助けに少しでもなればいいなと思いこの記事を書かせていただいております。弊社ではAndroid、iOS、Flutterを使ったアプリ開発についてのブログを多数投稿させていただいておりますので、ご興味のある方はぜひ！

いちの

自分の成長を加速させるチャンスがどこかにあるかもしれません。
変化を恐れずに新たな環境に飛び込む勇気のある方は、
未経験からIT・Webエンジニアを目指すなら【ユニゾンキャリア】
をオススメします。

動的リストにご興味のある読者様。以下の記事で分かりやすく丁寧に解説しておりますので、ぜひご一読いただけますと幸いです。

あわせて読みたい

【Flutter】リスト(List)の完全ガイド！要素の追加(add)・要素の削除(remove)から動的リスト(ListView)… こんばんは〜弊社ブログに辿り着いていただきありがとうございます！株式会社メモリアインクのいちのです この記事でわかること リスト（List）に要素を追加する方法 リ…