如何从字符串中分割字符和剩余字符的 return 计数

Question

我有以下字符串，我想从头开始分割 22 个字符并需要显示剩余字符数。

对于 Ex - Red,Blue,ABC,Test1,REN,Green,Test,Red - 共 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>" : "");;
    }   
  }

HTML:

<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

如何从字符串中分割字符和剩余字符的 return 计数

How to slice characters from string and return count of remaining characters

javascript

typescript

angular

angular8