Flutter中常用到的Dart基礎(chǔ)語法——數(shù)組(List)

一、數(shù)組的定義

1.定義固定類型數(shù)組
// 定義固定類型的數(shù)組
var list = List<int>(); 
print('$list - length: ${list.length}'); // 輸出 [] - 0
2.定義固定長度數(shù)組
var list2 = List(2); 
print('$list2'); // [null, null]

3.定義混合類型數(shù)組
var list3 = List<dynamic>(); 
list3.add(2);
list3.add('value');
print(list3); // [2, 'value']

二、數(shù)組的常用屬性

1.獲取數(shù)組長度 - length
var list = [1, 2, 3, 4];
print(list.length); // 4
2.獲取數(shù)組第一個(gè)元素
var list = [1, 2, 3, 4];
print(list.first);
3.獲取數(shù)組最后一個(gè)元素
var list = [1, 2, 3, 4];
print(list.last); // 4
4.獲取倒序迭代器 - reversed
var list = [1, 2, 3, 4];
print(list.reversed); // (4, 3, 2, 1)
5.判斷數(shù)組是否為空 - isEmpty
var list = [1, 2, 3, 4];
print(list.isEmpty); // false

6.判斷數(shù)組是否為非空 - isNotEmpty
var list = [1, 2, 3, 4];
print(list.isNotEmpty); // true

三、數(shù)組的常用方法

1.添加元素 - add
var list = [];
list.add(1);
print(list); // [1]
2.批量添加 - addAll
var list = [1, 2, 3, 4];
var list2 = [0, 20, 40];
list.addAll(list2);
print(list); // [1, 2, 3, 4, 0, 20, 40]
3.指定位置添加 - insert
var list = [1, 2, 3, 4];
list.insert(2, 90);
print(list); // [1, 2, 90, 3, 4]
4.指定位置批量添加 - insertAll
var list = [1, 2, 3, 4];
var list2 = [0, 20, 40];
list.insertAll(2, list2);
print(list); // [1, 2, 0, 20, 40, 3, 4]
5.刪除指定值 - remove
var list = [1, 2, 6, 4];
list.remove(6);
print(list); // [1, 2, 4]

6.刪除指定索引 - removeAt
var list = [1, 2, 6, 4];
list.removeAt(2);
print(list); // [1, 2, 4]
7.刪除指定范圍 - removeRange
var list = [1, 2, 6, 4];
list.removeRange(2, 4);
print(list); // [1, 2]
8.刪除最后一個(gè) - removeLast
var list = [1, 2, 6, 4];
list.removeLast();
print(list); // [1, 2, 6]
9、刪除符合條件的所有元素 - removeWhere
var list = [1, 2, 6, 4, 6];
// 刪除大于3的元素
list.removeWhere((v) => v > 3);
print(list); // [1, 2]
10、刪除所有元素 - clear
var list = [1, 2, 6, 4, 6];
list.clear();
print(list); // []

11、修改數(shù)組中某區(qū)間元素為指定值 - setRange
var list = [1, 2, 6, 4, 6];
list.setRange(1, 4, [9, 9, 9]); // 將索引1到4的值修改為9
print(list); // [1, 9, 9, 9, 6]

12、修改指定索引后的數(shù)組值 - setAll
var list = [1, 2, 6, 4, 6];
list.setAll(2, [2, 4, 5]); // 設(shè)置索引為2開始的后面3位數(shù)分別為2,4,5
print(list); // [1, 2, 2, 4, 5]

13.替換 - replaceRange
var list = [1, 2, 6, 4, 6];
list.replaceRange(0, 4, [3]); // 將索引從0-4的元素替換成3
print(list); // [3, 6]
14、將指定區(qū)間替換成某個(gè)固定值- fillRange
var list = [1, 2, 6, 4, 6];
list.fillRange(2, 4, 1); // 將區(qū)間2到4的元素替換成數(shù)值1
print(list); // [1, 2, 1, 1, 6]
15、獲取某個(gè)區(qū)間的值- getRange
// 返回迭代器
var list = [1, 2, 6, 4, 6];
print(list.getRange(2, 4)); // 返回Iterable (6, 4)

查詢指定區(qū)間的值- getRange
// 返回迭代器
var list = [1, 2, 6, 4, 6];
print(list.sublist(2)); // [6, 4, 6] , 返回從索引2開始的所有數(shù)據(jù)
print(list.sublist(2, 4)); // [6, 4], 返回索引從2到4的數(shù)據(jù)
17、判斷數(shù)組內(nèi)是否有滿足條件的元素- any
var list = [3, 2, 6, 4, 6];
// 數(shù)組中是否有大于2的元素
print(list.any((v) => v > 2)); // true
// 數(shù)組中是否有大于6的元素
print(list.any((v) => v > 6)); // false
18、判斷數(shù)組所有元素是否都滿足設(shè)定條件 - every
var list = [3, 2, 6, 4, 6];
// 數(shù)組中所有元素是否都大于1
print(list.every((v) => v > 1)); // true
// 數(shù)組中所有元素是否都大于2
print(list.every((v) => v > 2)); // false

19、判斷數(shù)組是否包含某個(gè)元素 - contains
var list = [3, 2, 6, 4, 6];
// 數(shù)組中是否包含3
print(list.contains(3)); // true
// 數(shù)組中是否包含1
print(list.contains(1)); // false

20、獲取滿足條件的第一個(gè)元素 - firstWhere
var list = [3, 2, 3, 6, 4, 3];
// 獲取最后一個(gè)大于2的元素
print(list.lastWhere((v) => v > 2)); // 3
 
// 如果未查找到所制定條件的元素,進(jìn)入orElse參數(shù)
list.firstWhere((v) => v > 6, orElse: () {
   print(3333); 
});
21、獲取滿足條件的最后一個(gè)元素 - lastWhere
var list = [3, 2, 6, 4, 6];
// 獲取最后一個(gè)大于4的元素
print(list.lastWhere((v) => v > 4)); // 6 
 
// 如果未查找到所制定條件的元素,進(jìn)入orElse參數(shù)
list.firstWhere((v) => v > 6, orElse: () {
   print(3333); 
});

22、從制定位置開始,獲取滿足條件的第一個(gè)元素的索引 - indexWhere
var list = [3, 2, 6, 4, 6];
// 查詢第一個(gè)大于4的元素索引值
print(list.indexWhere((v) => v > 4)); // 2
// 從索引3開始,查詢第一個(gè)大于4的元素索引值
print(list.indexWhere((v) => v > 4, 3)); // 4
// 從索引3開始,查詢第一個(gè)大于9的元素索引值
// 若不存在,返回-1
print(list.indexWhere((v) => v > 9, 3)); // -1

23、獲取滿足條件的最后一個(gè)元素的索引(倒敘查詢) - lastIndexWhere
var list = [3, 2, 6, 4, 6];
// 獲取最后一個(gè)大于4的元素索引值
print(list.lastIndexWhere((v) => v > 2)); // 4
// 從索引2開始,查詢最后一個(gè)大于4的元素索引值
print(list.lastIndexWhere((v) => v > 3, 3)); // 2
// 如果沒有,返回-1
print(list.lastIndexWhere((v) => v > 9)); // -1

24、從指定位置開始,獲取指定值的索引 - indexOf
var list = [3, 2, 6, 4, 6];
// 從索引3開始,獲取6第一次出現(xiàn)時(shí)的索引值,如果不存在,返回 -1 
print(list.indexOf(6, 3)); // 4
print(list.indexOf(6)); // 2

25、從指定位置開始,倒敘獲取指定值的索引 - lastIndexOf
var list = [3, 2, 6, 4, 6];
// 從索引3開始,獲取6第一次出現(xiàn)時(shí)的索引值,如果不存在,返回 -1 
var list = [3, 2, 6, 4, 6];
print(list.lastIndexOf(6, 3)); // 4
print(list.lastIndexOf(6)); // 2
print(list.lastIndexOf(7)); // -1

26、獲取唯一元素 - singleWhere
var list = [3, 2, 6, 4, 6];
// 獲取大于6的唯一元素,不存在該元素,執(zhí)行orElse
print(list.singleWhere((v) => v > 6, orElse: () {
    print(' --- ');
})); // ---
 
// 獲取等于2的唯一元素,存在,返回2
print(list.singleWhere((v) => v == 2, orElse: () {
    print(' --- ');
  })); // 2
  
// 獲取等于6的唯一元素,存在該元素,但是出現(xiàn)次數(shù)不唯一,不會(huì)執(zhí)行orElse,直接拋出錯(cuò)誤,進(jìn)入catch
print(list.singleWhere((v) => v == 6, orElse: () {
    print(' --- ');
})); // error

27、將數(shù)組用指定字符拼接成字符串 - join
var list = [3, 2, 6, 4, 6];
// 將數(shù)組轉(zhuǎn)換為用&拼接的字符串
print(list.join('&')); // 3&2&6&4&6

28、數(shù)組去重 - toSet
var list = [3, 2, 6, 4, 6];
 print(list.toSet()); // {3, 2, 6, 4}
29、數(shù)組遍歷 - forEach
var list = [3, 2, 6, 4, 6];
list.forEach((element) {
    // element 為list內(nèi)的每個(gè)元素
    print(element);
    /*
       3
       2
       6
       4
       6
     */
});

30、按指定條件返回Iterable - map
var list = [3, 2, 6, 4, 6];
// 將list所有元素加1并返回Iterable
var x = list.map((e) {
 return e + 1; 
});
print(x); //(4, 3, 7, 5, 7)
// 將list所有元素與4比較并返回boolean Iterable
var y = list.map((e) {
  return e > 4;
});
print(y);//(false, false, true, false, true)

31、累加器 - reduce
var list = [3, 2, 6, 4, 6];
// 將每次返回值作為value循環(huán)執(zhí)行。最終返回最后一次執(zhí)行值
var x = list.reduce((value, element) {
  print('value: $value - element: $element');
  /**
    每次的執(zhí)行結(jié)果
    value: 3 - element: 2
    value: 5 - element: 6
    value: 11 - element: 4
    value: 15 - element: 6
  */
  return value + element;
});
print('x: $x'); // x: 21
32、排序 - sort
var list = [3, 2, 6, 4, 6];
// 按回調(diào)中的return結(jié)果正負(fù)數(shù)來排序
// a - b 為升序, b - a為降序
list.sort((a, b) {
  return a - b;
});
print(list); // [6, 6, 4, 3, 2]

放一個(gè)之前自己學(xué)習(xí)時(shí)寫的demo,希望可以幫助新入門的老鐵們,有好的建議可以提一下,我們一起進(jìn)步,奧利給?。?!
https://github.com/Baffin-HSL/Flutter_UI

基本元素

自定義的頁面
基本功能學(xué)習(xí)
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容