如何从字符串中切分字符并返回剩余字符的计数

Question

我有下面的字符串，我想从开头切成22个字符，并需要显示剩余字符的计数。对于前 -红色，蓝色，ABC，测试1，REN，绿色，测试，红色 - 共 37 个字符预期输出红色，蓝色，ABC，测试1，ren --------------- 15在总共 37 个字符中，22 个字符是切片字符，15 是总字符串的剩余计数。以下是我的代码。viewMore(text) {    if (text.values) {      const enumText = text.values[0];      return enumText.slice(0, 22) + (enumText.length > 22 ? enumText.length : "");    }     }

Answer 1

您只需从原始文本长度中减去切片文本长度即可

viewMore(text) {

    if (text.values) {

      const enumText = text.values[0];

      this.htmlToAdd = enumText.slice(0, 22) + (enumText.length > 22 ? "------<strong>("+(enumText.length - enumText.slice(0, 22).length)+")</strong>" : "");;

    }   

  }

网页：

<div class="one" [innerHtml]="htmlToAdd"></div>

Answer 2

var text = "Red,Blue,ABC,Test1,REN,Green,Test,Red";

arrayOfText = text.split('');

if(arrayOfText.length > 22) {

    var remainingChars = arrayOfText.length - 22;

    console.log(text.substring(0, 22) + ' -------- ' + remainingChars);

} else {

    console.log("");

}

Answer 3

试试这个，

假设您只需要切片 22 个字符。我没有像您那样创建确切的数据类型，但您可以进行其余的修改并查看所需的输出。

var types = 'Red,Blue,ABC,Test1,REN,Green,Test,Red';

console.log(types.slice(0,22) +'-------------'+ (types.length - 22))

Answer 4

//[with ES6] --

dummyStr = "Red,Blue,ABC,Test1,REN,Green,Test,Red";

chopOffPoint = 22;

 `${dummyStr.slice(0,chopOffPoint)}----------${dummyStr.length-chopOffPoint}`;

// Hope this will help