我是一名立志把细节都说清楚的博主,欢迎关注🎉 ~
原创不易,如果有帮助,还请鼓励个【赞】哦~ ❥(^_-)~

问题:

Vue中:
- 向一个List内添加单个对象。
- 向一个List内添加另一个List(拼接两个List)

解决方案:

向一个List内添加单个对象

使用push命令即可。

	ListC = ListA.push({ObjB}); 

用法展示:

	ListA = [{name:A;age:11}{name:C;age:13}];
	ListC = ListA.push({name:B;age:12}); 
	// 输出ListC
	ListC = [{name:B;age:12}{name:A;age:11}{name:C;age:13}]

向一个List内添加另一个List(拼接两个List)

拼接格式:

	// [ ListA + 是英文逗号 + 三个英文点 + ListB ];
	ListC = [ListA , ...ListB]; 

用法展示:

	// 数据初始化。
	ListA = [{name:A1;age:11},{name:A2;age:12}]
	ListB = [{name:B1;age:21},{name:B2;age:22}]

	// 拼接。
	ListC = [ListA , ...ListB]; 
	
	// 输出ListC。
	ListC = [
	{name:A1;age:11},
	{name:A2;age:12},
	{name:B1;age:21},
	{name:B2;age:22}
	];

思维拓展:

被赋值后的List里有固定的对象。

	// 这里可以将ListA理解成前端写死有的固定值。
	ListD = [{name:D1; age:41}]
	// 这里可以将ListB理解成后端传过来的值。
	ListB = [{name:B1; age:21},{name:B2; age:22}]

	// 被赋值的ListC不管后端传值ListB怎么变,前端写死的ListD都存在。
	ListC = [ListD, , ...ListB]; 
	// 或者直接将对象写在ListC里面,不用在前面定义ListD。
	ListC = [{name:D1; age:41}, , ...ListB]; 
	
	// 输出ListC。
	ListC = [
	{name:D1; age:41},
	{name:B1;age:21},
	{name:B2;age:22}
	];

我是一名立志把细节都说清楚的博主,欢迎关注🎉 ~
原创不易,如果有帮助,还请鼓励个【赞】哦~ ❥(^_-)~

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐