自定义字符串显示几位,超出隐藏

321 阅读1分钟

思路:

创建一个方法, 将要改造的值(t1)和显示几位(num)作为入参, 这样显示多少就是可控的

  1. 如果 t1 === null, 直接返回空值 或者 你想自定义显示的值, 我这里要显示空白因此返回 ''
  2. 如果 t1 !== null, 由于t1不确定是否为字符串, 先转换再使用 (赋给变量t)
  3. t 使用 num 截取字符串, 截取出来的字符串就是要显示的长度 (赋给变量t2)
  4. 如果转换后字符串的长度不超过 num, 不需要改造成直接返回t1
  5. 如果转换后字符串的长度超过 num, 返回 t2 + '...' 具体代码如下
txtFullEmpty (t1, num) {
  if (t1 === null) {
    return ''
  }
  const t = t1 + ''
  const t2 = t.slice(0, num)
  return t.length > num ? t2 + '...' : t1
}