【Flutter 學習筆記】 List(串列)集合資料類型

更新於 發佈於 閱讀時間約 7 分鐘
raw-image
【Flutter 學習筆記】線上課程教學影片:連結
【Flutter 學習筆記】系列文章目錄:連結

在 Dart 程式語言中,List(串列)是一種非常重要的資料結構,它能夠儲存有序的元素集合。每個元素都有一個從 0 開始的索引值,這使得 List 在許多應用場景中都非常實用。本文將詳細介紹如何宣告 List 以及常用的 List 操作方法,並逐步拆解程式碼,幫助讀者更清楚地理解每個部分的功能和用途。

宣告空串列 List

在 Dart 中,宣告一個空的 List 非常簡單。以下是語法和範例:

// 語法說明
var 串列名稱 = <資料型別>[];

// 實際範例
var myList = <String>[];

在這個範例中,我們使用中括號 [] 來表示一個空的串列。myList 被初始化為一個空的串列,這意味著它可以儲存多個字串型別的元素,但目前尚未包含任何元素。

宣告串列 List 並初始化串列

除了可以宣告空串列外,我們也可以在宣告的同時進行初始化。以下是語法和範例:

// 語法說明
var 串列名稱 = [元素1, 元素2, ...];

// 實際範例
var list1 = [10, 666, 168];
var list2 = ["HKT", "線上教室"];
var list3 = ["HKT", 777, "線上教室", 888]; // 資料型別,不建議混合使用

在這個範例中,我們宣告了三個 List 串列:

  • list1 是一個整數型別的串列,包含三個元素:10、666 和 168。list2 是一個字串型別的串列,包含兩個元素:"HKT" 和 "線上教室"。list3 是一個混合型別的串列,包含字串和整數元素。雖然 Dart 支援混合型別的串列,但在實際開發中,建議保持資料型別的一致性,以確保程式碼的可讀性和維護性。

新增資料到 List

在 Dart 中,List 是一種動態大小的資料結構,我們可以隨時新增或刪除元素。使用 add() 方法可以將資料新增至 List 的尾端:

// 使用 add 方法將資料新增到 list1 中
list1.add(100);
list1.add(66);
list1.add(168);
list1.add(777);
print(list1); // 輸出: [10, 666, 168, 100, 66, 168, 777]

透過索引值修改 List 特定一筆資料

我們可以透過索引值來修改 List 中特定的一筆資料。以下是範例:

// 指定修改 list1 索引值為 2 的資料
list1[2] = 333; // 覆蓋掉之前的 168,更新為 333
print(list1); // 輸出: [10, 666, 333, 100, 66, 168, 777]

透過索引值存取 List 特定一筆資料

同樣地,我們可以透過索引值來存取 List 中的特定資料:

// 存取資料
print(list1[0]); // 輸出: 10
print(list1[1]); // 輸出: 666
print(list1[2]); // 輸出: 333

在存取 List 的元素時,請特別注意索引值必須在 List 的範圍內,否則會引發 RangeError 例外。

取得 List 的長度

我們可以使用 length 屬性來取得 List 中目前的元素總數。以下是具體的示範程式碼:

void main() {
var list1 = [10, 666, 168];

list1.add(100);
list1.add(66);
list1.add(168);
list1.add(777);

// 取得 list1 長度
print(list1.length); // 輸出: 7
}

使用 length 屬性可以快速取得 List 的元素數量,這在進行迴圈操作或需要知道 List 大小的場景中特別有用。

插入新元素

若要在指定的索引位置插入新的元素,可以使用 insert 方法。以下範例展示如何在索引值 1 的位置插入整數 999:

// 插入資料
list1.insert(1, 999);
print(list1); // 輸出: [10, 999, 666, 333, 100, 66, 168, 777]

在這個範例中,我們將數字 999 插入到 list1 的索引 1 位置,原本在該位置的元素會自動向後移動。

刪除指定的元素

若想要從串列中刪除特定的元素,可以使用 remove 方法。以下示範如何將數字 666 和 100 從 list1 中刪除:

// 刪除資料
list1.remove(666);
list1.remove(100);
print(list1); // 輸出: [10, 999, 333, 66, 168, 777]

在這裡,我們使用 remove 方法刪除了指定的元素,List 會自動調整索引。

List 排序

若希望對一個 List 進行排序,可以使用 sort 方法。此方法會將 List 中的元素按照從小到大的順序進行排列:

// 由小到大的排序
list1.sort();
print(list1); // 輸出: [10, 66, 168, 333, 777, 999]

如果想要將 List 由大到小排序,可以自訂比較函式進行降冪排序:

// 由大到小排序
list1.sort((a, b) => b.compareTo(a));
print(list1); // 輸出: [999, 777, 333, 168, 66, 10]

清除 List 所有元素

若想要清空 List 中的所有元素,可以使用 clear 方法。此方法會將 List 中的所有元素刪除,使其變為空串列的狀態:

// 清空 list1
list1.clear();
print(list1); // 輸出: []

這樣一來,list1 就變成了一個空的串列,隨時可以重新添加元素。

總結

在本文中,我們深入探討了 Dart 中的 List(串列)資料結構,從宣告、初始化、資料操作到清空串列,逐步介紹了各種常用的方法。透過這些操作,開發者可以靈活地管理和操作資料集合,提升程式的可讀性和維護性。

留言
avatar-img
留言分享你的想法!
avatar-img
HKT實驗室
27會員
272內容數
哈囉!歡迎光臨我的沙龍!我是 KT,一位對應用程式開發充滿熱情的開發者。在這個專屬空間,我將與您分享我在應用開發領域的深入學習心得和豐富的實戰經驗。如果您對應用程式開發技術同樣充滿好奇,渴望不斷探索新知,歡迎成為我們的會員,一起在應用程式開發的旅途上,探索更深層次的技術世界,享受學習的樂趣。
HKT實驗室的其他內容
2024/11/18
在 Dart 程式語言中,除了位置參數和預設參數值外,具名參數的使用讓函式的呼叫變得更加清晰且易於理解。特別是在參數較多的情況下,具名參數的優勢尤為明顯。本篇文章將深入探討如何定義和使用具名參數,並透過實際範例來加深讀者的理解。
Thumbnail
2024/11/18
在 Dart 程式語言中,除了位置參數和預設參數值外,具名參數的使用讓函式的呼叫變得更加清晰且易於理解。特別是在參數較多的情況下,具名參數的優勢尤為明顯。本篇文章將深入探討如何定義和使用具名參數,並透過實際範例來加深讀者的理解。
Thumbnail
2024/11/17
在 Dart 程式語言中,函式不僅可以接收參數,還能為這些參數設定預設值。這樣的設計使得函式的呼叫更加靈活,並且簡化了程式碼的撰寫。本文將深入探討如何定義具有預設參數值的函式,並透過實際範例來加深理解。
Thumbnail
2024/11/17
在 Dart 程式語言中,函式不僅可以接收參數,還能為這些參數設定預設值。這樣的設計使得函式的呼叫更加靈活,並且簡化了程式碼的撰寫。本文將深入探討如何定義具有預設參數值的函式,並透過實際範例來加深理解。
Thumbnail
2024/11/16
在 Dart 程式語言中,函式不僅能執行特定任務,還能回傳值,這使得函式在程式中更具彈性和重用性。本篇文章將深入探討如何定義一個具有回傳值的函式,並透過實際範例來幫助大家理解其結構與用途。
Thumbnail
2024/11/16
在 Dart 程式語言中,函式不僅能執行特定任務,還能回傳值,這使得函式在程式中更具彈性和重用性。本篇文章將深入探討如何定義一個具有回傳值的函式,並透過實際範例來幫助大家理解其結構與用途。
Thumbnail
看更多
你可能也想看
Thumbnail
常常被朋友問「哪裡買的?」嗎?透過蝦皮分潤計畫,把日常購物的分享多加一個步驟,就能轉換成現金回饋。門檻低、申請簡單,特別適合學生與上班族,讓零碎時間也能創造小確幸。
Thumbnail
常常被朋友問「哪裡買的?」嗎?透過蝦皮分潤計畫,把日常購物的分享多加一個步驟,就能轉換成現金回饋。門檻低、申請簡單,特別適合學生與上班族,讓零碎時間也能創造小確幸。
Thumbnail
本篇文章將深入探討如何在 Flutter 中使用 Image 圖片元件。我們將涵蓋從資源管理到顯示本地資料夾中的圖片,以及如何載入網路圖片的完整過程。透過這篇文章,您將學會如何有效地管理圖片資源,並在應用程式中正確顯示圖片,提升您的 Flutter 開發技能。
Thumbnail
本篇文章將深入探討如何在 Flutter 中使用 Image 圖片元件。我們將涵蓋從資源管理到顯示本地資料夾中的圖片,以及如何載入網路圖片的完整過程。透過這篇文章,您將學會如何有效地管理圖片資源,並在應用程式中正確顯示圖片,提升您的 Flutter 開發技能。
Thumbnail
在本篇教學中,我們介紹了 Flutter 中的 Row 和 Column 佈局容器,並探討了它們的基本用法及進階技巧。此外,我們還提到如何使用快捷鍵來格式化程式碼,以提升可讀性。
Thumbnail
在本篇教學中,我們介紹了 Flutter 中的 Row 和 Column 佈局容器,並探討了它們的基本用法及進階技巧。此外,我們還提到如何使用快捷鍵來格式化程式碼,以提升可讀性。
Thumbnail
本文介紹了 Dart 中具有參數的函式。具有參數的函式允許靈活地處理不同輸入,增強程式碼的模組化和可重用性。透過範例說明,讀者能夠理解如何定義和使用這些函式,並掌握進階概念以提升程式設計能力。
Thumbnail
本文介紹了 Dart 中具有參數的函式。具有參數的函式允許靈活地處理不同輸入,增強程式碼的模組化和可重用性。透過範例說明,讀者能夠理解如何定義和使用這些函式,並掌握進階概念以提升程式設計能力。
Thumbnail
在這篇文章中,我們介紹了 Dart 中的字串資料類型,包括如何使用單引號和雙引號定義字串、如何建立多行字串,以及如何使用字串插入。字串資料型態在處理文字、顯示訊息或進行字串操作時非常實用,開發者可以根據需求靈活運用這些特性。
Thumbnail
在這篇文章中,我們介紹了 Dart 中的字串資料類型,包括如何使用單引號和雙引號定義字串、如何建立多行字串,以及如何使用字串插入。字串資料型態在處理文字、顯示訊息或進行字串操作時非常實用,開發者可以根據需求靈活運用這些特性。
Thumbnail
本文介紹了在 Dart 語言中使用單行和多行註解的方式及其作用。同時分享了在 Visual Studio Code 和 IntelliJ IDEA 中進行註解的快捷鍵。結論指出養成良好註解習慣對未來程式維護大有裨益,應及時為程式碼添加清晰註解。
Thumbnail
本文介紹了在 Dart 語言中使用單行和多行註解的方式及其作用。同時分享了在 Visual Studio Code 和 IntelliJ IDEA 中進行註解的快捷鍵。結論指出養成良好註解習慣對未來程式維護大有裨益,應及時為程式碼添加清晰註解。
Thumbnail
List 集合特性:按照順序排列,可以放重覆的物件
Thumbnail
List 集合特性:按照順序排列,可以放重覆的物件
Thumbnail
Kotlin 的字串資料類型代表文字的資料型別,使用雙引號括起來。此外,Kotlin 還支援字串模板,讓在字串中插入變數和表達式更加容易。 除此之外,Kotlin 還提供了許多內建的字串函數,像是 substring() 和 replace(),幫助更輕鬆地處理和操作字串。
Thumbnail
Kotlin 的字串資料類型代表文字的資料型別,使用雙引號括起來。此外,Kotlin 還支援字串模板,讓在字串中插入變數和表達式更加容易。 除此之外,Kotlin 還提供了許多內建的字串函數,像是 substring() 和 replace(),幫助更輕鬆地處理和操作字串。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News