欢迎大佬们点开阅读原文,点个 star~
开篇记
这是我的第一篇文章,也是我工作一年后的新征程。作者是 2019 年刚刚毕业的,出身贫寒(普通二本)。亲眼目睹校招神仙打架,不幸流落凡尘(我不配)。现在以外包的形式,在一家金融公司工作。
场景
前端项目为 vue 技术栈, 业务中遇到这样一个情景,有一个输入框,可以键入或者复制粘贴进一大段带有某种格式的文本,根据格式符号对文本进行分割处理(例如根据‘;’分割对象,根据‘,’分割属性),最终将他们处理成某种格式的对象集合,同时生成预览。效果大概是这个样子代码如下
// index.vue
import { pSplice, contentSplice } from '@/utils/handleInput';
...
onInput() {
this.loading = true;
const temp = pSplice(this.text);
this.cardList = contentSplice(temp).data;
this.loading = false;
},
// @/utils/handleInput
export function pSplice(val) {
const breakSymbol = '\n';
let cards = val.split(breakSymbol);
return cards.filter((item) => item != '');
}
export function contentSplice(dataArr, cardId) {
const splitSymbol = ',';
const length = dataArr.length;
const result = {
data: [],
cardId,
};
let item = null;
let time = new Date().getTime();
function maxLength(text) {
if (text && text.length > 1000) return text.substring(0, 1000);
return text;
}
for (let i = 0; i < length; i++) {
item = dataArr[i].split(splitSymbol);
if (item != '') {
result.data.push({