dart - 如何制作新数组嵌套排序映射

简介: 今天关注的人突然多了起来,为此继续更新今天的第二篇dart - 如何制作新数组嵌套排序映射?我有一个看起来像这样的数据块:

今天关注的人突然多了起来,为此继续更新今天的第二篇

dart - 如何制作新数组嵌套排序映射?

我有一个看起来像这样的数据块:

var list = [
  { id: '1', title: 'thing1', week: 1, day: 1 },
  { id: '2', title: 'thing2', week: 1, day: 1 },
  { id: '3', title: 'thing3', week: 1, day: 2 },
  { id: '4', title: 'thing4', week: 1, day: 2 },
  { id: '5', title: 'thing5', week: 1, day: 3 },
  { id: '6', title: 'thing6', week: 1, day: 3 },
  { id: '7', title: 'thing7', week: 2, day: 4 },
  { id: '8', title: 'thing8', week: 2, day: 5 },
];

我想要做的是将这个 List 转换为输出这个的东西:

var transformedList = [
  { 'Week 1': [
      { id: '1', title: 'thing1', day: 1, week: 1 },
      { id: '2', title: 'thing2', day: 1, week: 1 },
      { id: '3', title: 'thing3', day: 2, week: 1 },
      { id: '4', title: 'thing4', day: 2, week: 1 },
      { id: '5', title: 'thing5', day: 3, week: 1 },
      { id: '6', title: 'thing6', day: 3, week: 1 },
    ],
    'Week 2': [
      { id: '7', title: 'thing7', day: 4, week: 2 },
      { id: '8', title: 'thing8', day: 5, week: 3 },
    ]
  }
]

到目前为止我尝试过的是:

var programMap = Map.fromIterable(userProgramSteps, key: (k) => k.getWeek(), value: (v) => v);
// handles the week port just fine, but very stuck on the list of days.

我对flutter和 Dart 很陌生,所以我有点迷茫…有人可以帮忙吗?

最佳答案

尊重您之前(已删除)的问题,这里的代码:

data_weeks.dart

const week_data = [
  { 'id': '1', 'week': 1, 'day': 1, 'title': 'thing1' },
  { 'id': '2', 'week': 1, 'day': 1, 'title': 'thing2' },
  { 'id': '3', 'week': 1, 'day': 1, 'title': 'thing3' },
  { 'id': '4', 'week': 1, 'day': 2, 'title': 'thing4' },
  { 'id': '5', 'week': 1, 'day': 2, 'title': 'thing5' },
  { 'id': '6', 'week': 2, 'day': 3, 'title': 'thing6' },
  { 'id': '7', 'week': 2, 'day': 4, 'title': 'thing7' },
];

home_page.dart

import 'package:flutter/material.dart';
import 'package:list_cards/src/shared/data_weeks.dart';
class HomePage extends StatelessWidget {
  /* ---------------------------------------------------------------------------- */
  const HomePage({Key key}) : super(key: key);
  /* ---------------------------------------------------------------------------- */
  @override
  Widget build(BuildContext context) {
    final data = getNewData();
    return Scaffold(
      appBar: AppBar(
        title: Text('Hi!'),
        centerTitle: true,
      ),
      body: Padding(
        padding: const EdgeInsets.all(10.0),
        child: ListView.builder(
          itemCount: data.length,
          itemBuilder: (context, index) => ListTile(
            title: Text(
              'Week ${data.keys.toList()[index]}', 
              style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
            ),
            subtitle: getSubtitles1(data[data.keys.toList()[index]], context),
          ),
        ),
      ),
    );
  }
  Widget getSubtitles1(List<Map<int, Object>> data, BuildContext context) {
    return Column(
      children: List.generate(data.length, (index) => ListTile(
        title: Text(
          'DAY ${data[index].keys.toList()[0]}',
          style: TextStyle(
            fontSize: 18, fontWeight: FontWeight.bold, color: Colors.black.withOpacity(0.4)
          ),
        ),
        subtitle: getSubtitles2(data[index][data[index].keys.toList()[0]], context),
      )),
    );
  }
  Widget getSubtitles2(List<String> data, BuildContext context) {
    final size = MediaQuery.of(context).size;
    return Column(
      children: List.generate(data.length, (index) => Card(
        elevation: 0,
        margin: EdgeInsets.all(0),
        child: Padding(
          padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 2),
          child: Row(
            children: [
              Container(
                width: (size.width + 80) / 2,
                child: Text(data[index]),
              ),
              IconButton(icon: Icon(Icons.check_box_outline_blank), onPressed: () {}),
            ],
          ),
        ),
      )),
    );
  }
  Map<int, Object> getNewData() {
    var weeks = week_data.map<int>((m) => m['week']).toSet().toList();
    var newData = Map<int, Object>();
    weeks.forEach((w) {
      newData[w] = week_data.where((m) => m['week'] == w).map<int>((m) => m['day']).toSet().map<Map<int, Object>>((e) => {e: week_data.where((m) => m['week'] == w && m['day'] == e).map<String>((m) => m['title']).toList()}).toList();
    });
    return newData;
  }
}

结果:

image.png

相关文章
|
3月前
|
存储 数据可视化 C语言
C 语言数组教程:定义、访问、修改、循环遍历及多维数组解析
数组用于将多个值存储在单个变量中,而不是为每个值声明单独的变量。 要创建数组,请定义数据类型(例如 int)并指定数组名称,后面跟着方括号 []。 要将值插入其中,请使用逗号分隔的列表,并在花括号内使用
886 0
|
1月前
|
存储 语音技术 索引
语音识别,列表的定义语法,列表[],列表的下标索引,从列表中取出来特定的数据,name[0]就是索引,反向索引,头部是-1,my[1][1],嵌套列表使用, 列表常用操作, 函数一样,需引入
语音识别,列表的定义语法,列表[],列表的下标索引,从列表中取出来特定的数据,name[0]就是索引,反向索引,头部是-1,my[1][1],嵌套列表使用, 列表常用操作, 函数一样,需引入
|
2月前
|
JavaScript 前端开发
js数组包对象格式怎么根据不同的键值使用sort排序一组数组
js数组包对象格式怎么根据不同的键值使用sort排序一组数组
21 0
|
3月前
|
存储 C++
定义一堆数组
定义一堆数组
57 1
|
3月前
|
JSON JavaScript 前端开发
JavaScript随手笔记---数组中相同的元素进行分组(数据聚合) groupBy函数
JavaScript随手笔记---数组中相同的元素进行分组(数据聚合) groupBy函数
|
3月前
|
索引 Python
Python列表去重且不改变元素顺序的代码
Python列表去重,如果不考虑原来元素的顺序(基本顺序)的话,可以使用Python内置的set()函数对列表进行转换去重,然后转换会列表,这是因为set()集合本身就具备去重的功能,但Python的集合又是无序的,因此可能会导致列表中元素原本排列顺序的改变。那要在不改变列表元素顺序的前提下
193 41
|
3月前
|
索引 Python
Python如何将列表元素转换为一个个变量
Python中,要将列表list中的元素转换为一个个变量的方法可能有很多,比如for循环,但这里将先介绍的一个是个人认为比较简单也非常直接的方法,就是通过直接将Python列表中的元素赋值给变量的方法来完成,先来通过一个简单的实例来看一下这个方法,至于该方法中存在的问题,将在实例后面进行介绍,实例如下
80 4
|
3月前
|
C++ 索引
C++ Qt开发:StringListModel字符串列表映射组件
Qt 是一个跨平台C++图形界面开发库,利用Qt可以快速开发跨平台窗体应用程序,在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置,实现图形化开发极大的方便了开发效率,本章将重点介绍`QStringListModel`字符串映射组件的常用方法及灵活运用。 `QStringListModel` 是 Qt 中用于处理字符串列表数据的模型类之一,它是 `QAbstractListModel` 的子类,用于在 Qt 的视图类(如 `QListView`、`QComboBox` 等)中显示字符串列表。该组件是用于在`Qt`中快速显示字符串列表的便捷模型类。该组件通常会配合`ListView`一起使
58 0
C++ Qt开发:StringListModel字符串列表映射组件
|
3月前
|
存储 JavaScript 前端开发
数组:数组是JS中的一种特殊对象,用于存储一组有序的数据。需要掌握数组的创建、访问、修改以及各种内置方法。
数组:数组是JS中的一种特殊对象,用于存储一组有序的数据。需要掌握数组的创建、访问、修改以及各种内置方法。
55 2
|
10月前
|
Python
python之sort,reverse的定义和使用,列表元素最大最小值的求解,列表嵌套的基本使用。
python之sort,reverse的定义和使用,列表元素最大最小值的求解,列表嵌套的基本使用。