欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-06-24 12:42:48
字符串内容使用省略号’…'截断(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、未截断时显示

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

2、截断后显示

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

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