组件化代码的思维方式

常用

const apiList = ['api/text ', '.api/test', '   '];
			const newList = [];
			apiList.map(item => {
				let apiName = item.trim(); //去除空格
				if (apiName) {
					newList.push(`http://www.test.com/${apiName}`);
				}
			})

这种代码属于解决当前需求的代码，也是我一直用的
不易扩展，但只要循环遍历一次

易扩展类型

const apiList = ['api/text ', '.api/test', '   '];
			const newList = apiList
				.map(item => item.trim()) //去除空格
				.filter(Boolean) //去除空值
				.map(item => `http://www.test.com/${item}`);

这种操作列表数据功能都被分割开来，可以抽象成一个拼插玩具
一个功能不需要就可以去除一个，需要加功能就可以再链式增加

标签：思维,const,test,代码,item,api,apiName,组件,apiList
来源： https://blog.csdn.net/weixin_43623808/article/details/116904731