前情

因为要将后端查询回来的标题名称显示到页面上，但是有得标题名称十分的长并且是系列课程的话，显示在页面中就会无法区分，所以特地将名称的开头与结尾显示出来，中间内容省略。

代码

const dataUrl = 'brainstorming-web/brainStorming/queryListByStatesClassId/'            + this.states + '/' + this.classId;        this.http.get(dataUrl).subscribe(            res => {                if (res.json().code === '0000') {                    if (res.json().data.length > 0) {                        // 查询回来的内容                        this.test = res.json().data;                        for (let i = 0; i < this.test.length; i++) {                            // 将每条数据中的名称进行截取                            let name = this.test[i].theme;                            let title = '';                            const nameLength = name.length;                            console.log('看一下name长度', nameLength);                            if (nameLength > 4) {                                let titleLength = nameLength - 4;                                while (titleLength > 0) {                                    title += '.';                                    titleLength--;                                }                                name = name.substr(0, 4) + title + name.substr(name.length - 2, name.length);                            }                            console.log('看一下效果-----', name);                        }                    }                }            }        );