list的使用

一、list的介绍

1.1 list的介绍

  1. list是可以以O(1)的时间复杂度任意位置进行插入和删除的序列式容器,并且该容器可以前后双向迭代。
  2. list的底层是双向链表结构,双向链表中每个元素存储在互不相关的独立节点中,在节点中通过指针指向其前一个元素和后一个元素。
  3. list与forward_list非常相似:最主要的不同在于forward_list是单链表,只能朝前迭代,已让其更简单高效。
  4. 与其他的序列式容器相比(array,vector,deque),list通常在任意位置进行插入、移除元素的执行效率更好。
  5. 与其他序列式容器相比,list和forward_list最大的缺陷是不支持任意位置的随机访问,比如:要访问list的第6个元素,必须从已知的位置(比如头部或者尾部)迭代到该位置,在这段位置上迭代需要线性的时间开销;list还需要一些额外的空间,以保存每个节点的相关联信息(对于存储类型较小元素的大list来说这可能是一个重要的因素)

二、list的使用

2.1 list的构造函数

构造函数接口说明
list()空构造
list (size_type n, const value_type& val = value_type())初始化的list中包含n个val值
list (const list& x)拷贝构造函数
list (InputIterator first, InputIterator last)用迭代器区间[first,last)构造list
void test_list1()
{
	// 空构造
	list<int> l1;
	l1.push_back(1);
	l1.push_back(2);
	l1.push_back(3);
	l1.push_back(4);
	for (int e: l1)
	{
		cout << e << " ";
	}
	cout << endl;

	// 初始化的list中包含n个val值
	list<int> l2(4,10);
	for (int e : l2)
	{
		cout << e << " ";
	}
	cout << endl;

	// 拷贝构造函数
	list<int> l3(l1);
	for (int e : l3)
	{
		cout << e << " ";
	}
	cout << endl;

	// 用迭代器区间[first,last)构造list
	list<int> l4(l3.begin(), l3.end());
	for (int e : l4)
	{
		cout << e << " ";
	}
}

2.2 list迭代器的使用

函数声明接口说明
begin+end返回第一个元素的迭代器+返回最后一个元素的下一个位置的迭代器
rbegin+rend返回end位置+返回begin位置
// 正\反向迭代器
void test_list2()
{
	list<int> lt;
	lt.push_back(1);
	lt.push_back(2);
	lt.push_back(3);
	lt.push_back(4);

	// 正向迭代器
	list<int>::iterator it = lt.begin();
	while (it!=lt.end())
	{
		cout << *it << " ";
		++it;
	}
	cout << endl;
	
	// 反向迭代器
	list<int>::reverse_iterator rit = lt.rbegin();
	while (rit!=lt.rend())
	{
		cout << *rit << " ";
		++rit;
	}
}

2.3 list相关的容量大小相关的函数

函数声明接口说明
empty检测list是否为空,是返回true,否返回false
size返回list中有效结点的个数
void test_list3()
{
	list<int> l1;
	l1.push_back(1);
	l1.push_back(2);
	l1.push_back(3);
	l1.push_back(4);

	cout << l1.size() << endl; // 4
	cout << l1.empty() << endl;// 0
}

2.4 list数据的访问相关的函数

函数声明接口说明
front返回list中的第一个结点值的引用
back返回list中最后一个结点值的引用
void test_list4()
{
	list<int> l1;
	l1.push_back(1);
	l1.push_back(2);
	l1.push_back(3);
	l1.push_back(4);

	cout << l1.front() << endl; // 1
	cout << l1.back() << endl;  // 4
}

2.5 list的数据调整相关的函数

函数声明接口说明
push_front在首元素前插入元素
pop_front删除第一个元素
push_back尾插
pop_back尾删
insert在pos位置插入值
erase删除pos位置的值
swap交换两个list中的值
clear清空list中的有效元素
void test_list5()
{
	list<int> l;
	l.push_back(1);
	l.push_front(2);
	
	list<int>::iterator it = l.begin();
	++it;
	l.insert(it, 20);
	
	for (int e : l)
	{
		cout << e << " ";
	}
	cout << endl;
	cout << "------" << endl;
	l.clear();
	for (int e : l)
	{
		cout << e << " ";
	}
}

2.6 list中其他函数操作

函数声明接口说明
sort排序
reverse逆置
unique去重(去重之前一般需要先排序)
remove删除给定的一个值
void test_list6()
{
	list<int> l1;
	l1.push_back(1);
	l1.push_back(7);
	l1.push_back(3);
	l1.push_back(3);
	l1.push_back(3);
	l1.push_back(4);

	// 排序
	l1.sort();
	for (int e : l1)
	{
		cout << e << " ";
	}
	cout << endl;

	// 逆置
	l1.reverse();
	for (int e : l1)
	{
		cout << e << " ";
	}
	cout << endl;

	// 去重
	l1.unique();
	for (int e : l1)
	{
		cout << e << " ";
	}
	cout << endl;

	// 删除给定的一个值
	l1.remove(7);
	for (int e : l1)
	{
		cout << e << " ";
	}
	cout << endl;
}
  • 5
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
### 回答1: vant list 是一个基于 Vue 实现的列表组件,可以用于展示一组有序或无序的数据。 使用 vant list 可以简化列表数据的渲染和展示工作,提高开发效率。具体使用方法如下: 1. 在 vue 项目中安装 vant 组件库,可以使用 npm 或 yarn 进行安装。 2. 在需要使用 vant list 的组件中引入 vant 组件库,可以使用 import 或 require 语句。 3. 在需要展示列表的页面中,使用 vant list 组件,并通过 prop 属性传入要展示的数据。 4. 可以根据需要,通过设置 vant list 的属性来自定义列表的样式和布局,如显示方式、每行显示的列数等。 5. 根据列表的业务逻辑,可以为 vant list 组件的每一项绑定相应的点击事件或其他交互逻辑。 6. 如果列表数据是异步获取的,可以在组件的生命周期钩子函数中通过调用异步接口获取数据,并将获取到的数据赋值给 vant list 组件的数据属性。 7. 在 css 样式中可以自定义 vant list 的布局和样式,实现更好的视觉效果,也可以覆盖默认的样式。 vant list 是一个功能强大且易用的列表组件,可以帮助开发者高效地展示和管理列表数据。通过以上步骤的操作,可以轻松使用 vant list 实现列表数据的展示和交互。 ### 回答2: vant list是一个基于Vue.js的移动端组件库Vant提供的列表组件,用于展示和操作数据列表。 vant list提供了丰富的功能和样式,可以方便地实现各种列表的展示和操作需求。首先,我们需要安装vant库并导入vant list组件: ``` npm install vant import { List } from 'vant'; Vue.use(List); ``` vant list主要包含两个部分:列表项和列表项之间的分隔符。我们可以通过设置不同的属性来自定义vant list的样式和行为。 首先,我们可以使用v-model指令绑定数据到vant list组件中,从而实现数据的动态展示和操作。例如: ``` <van-list v-model="listData"> <van-cell v-for="(item, index) in listData" :key="index"> {{ item }} </van-cell> </van-list> ``` 上述示例中,v-model绑定了listData数组,vant list会根据数组的数据动态生成对应的列表项。 然后,我们可以使用vant list提供的属性来自定义列表的样式和行为。例如,使用`border`属性添加列表项之间的边框: ``` <van-list v-model="listData" border> <van-cell v-for="(item, index) in listData" :key="index"> {{ item }} </van-cell> </van-list> ``` 此外,vant list还提供了很多其他属性,例如`loading`用于显示加载状态、`error`用于显示错误状态等等,可以根据需求进行设置。 总之,vant list是一个方便易用的列表组件,通过简单的配置和绑定数据,我们可以实现移动端的列表展示和操作功能。在具体使用中,可以根据需求灵活地设置各种属性和样式,来满足不同的业务需求。 ### 回答3: vant list是Vant组件库中的一个列表组件,主要用于展示数据列表。使用vant list可以方便地创建一个具备滚动功能的列表页面。 vant list使用步骤如下: 1. 导入vant list组件:首先需要在项目中引入vant相关的样式文件和vant list组件。 2. 创建列表数据:定义一个数组,用于存放要展示的数据列表。 3. 使用vant list组件:在页面中使用vant list组件,并将列表数据绑定到组件的属性上。 4. 设置列表项模板:在vant list组件中定义列表项的模板。可以使用vant提供的内置样式,也可以自定义样式。 5. 绑定事件:如果需要对列表项进行操作,可以在模板中绑定相应的事件处理函数。 6. 生成列表:将列表数据传入vant list组件的属性中,即可生成对应的列表。 7. 添加滚动功能:vant list组件自带滚动功能,当列表数据过多时会自动展示滚动条。 8. 完善其他功能:根据需求完善列表的其他功能,比如下拉刷新、上拉加载更多等。 总结起来,vant list组件提供了简单易用的方法来展示数据列表,可以根据自己的需求定制列表项样式和操作逻辑。使用vant list可以快速创建一个功能齐全的列表页面,提升用户体验。
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值