当前位置: 移动技术网 > IT编程>开发语言>JavaScript > 字符串内容使用省略号‘...‘截断(JS实现)

字符串内容使用省略号‘...‘截断(JS实现)

2020年07月22日  | 移动技术网IT编程  | 我要评论
字符串内容使用省略号’…'截断(JS实现)1、未截断时显示2、截断后显示3、JS实现代码gridData: [{ date: '测试图片1', name: '{{0,1,1},{0,1,0},{0,1,1},{0,1,0},{0,1,1},{0,1,0},{0,1,1},{0,1,0},{0,1,1}}', address: 'Yes', result: '正确' }]getSubStr() {

字符串内容使用省略号’…'截断(JS实现)

1、未截断时显示

在这里插入图片描述

2、截断后显示

在这里插入图片描述

3、JS实现代码

gridData: [{
          date: '测试图片1',
          name: '{{0,1,1},{0,1,0},{0,1,1},{0,1,0},{0,1,1},{0,1,0},{0,1,1},{0,1,0},{0,1,1}}',
          address: 'Yes',
          result: '正确'
        }]

getSubStr() {
        for (let i = 0; i < this.gridData.length; i++) {
          let str = this.gridData[i].name
          let str1 = str.substr(0, 16)
          let str2 = str.substr(str.length - 8, 8)
          this.gridData[i].name = str1 + '...' + str2
        }
      }

用js实现字符串截断其实挺简单,如果有不会的或者有疑问的同学,欢迎在下方留言噢,很乐意为大家解答

若未能及时回答,也可以选择加入前端开发交流群提问噢~~

群号:216644014(前端开发交流群)

本文地址:https://blog.csdn.net/qq_41654105/article/details/107484935

如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网