JavaScript如何在忽略ANSI代码的情况下每隔n个字符拆分一个字符串

Question

在忽略 ansi 代码的情况下，您将如何处理每 n 个字符分割一个 JavaScript 字符串？ （所以拆分每个n + length of ansi characters contained in that string）

将 ansi 代码保留在最终数组中很重要。

我知道使用正则表达式你会写像/.{1,3}/ 这样的东西，但是你会如何忽略计数中的 ansi 字符呢？

例子：

给定\033[34mHey \033[35myou\033[0m，你将如何分割每 3 个字符以获得：

[
  '\033[34mHey',
  ' \033[35myo',
  'u\033[0m'
]

Answer 1

这是实现您需要的方法：

s = "\033[34mHey \033[35myou\033[0mfd\033[1m";
chunks = s.match(/(?:(?:\033\[[0-9;]*m)*.?){1,3}/g);
var arr = [];
[].forEach.call(chunks, function(a) {
    if (!/^(?:\033\[[0-9;]*m)*$/.test(a)) {
		arr.push(a);
    }
});
document.getElementById("r").innerHTML = JSON.stringify(arr);

<div id="r"/>

请注意，八进制代码可以直接在正则表达式中使用。我们过滤 forEach 调用中的所有空元素和仅 ANSI 颜色代码的元素。

Answer 2

您可以将ANSI颜色转义匹配为\x1B\[[\d;]*m，并且只计算除转义[^\x1B]之外的所有字符

/(?:(?:\x1B\[[\d;]*m)*[^\x1B]){1,3}/g

另外，在字符串末尾包含转义符作为最后一个标记的一部分：

/(?:(?:\x1B\[[\d;]*m)*[^\x1B]){1,3}(?:(?:\x1B\[[\d;]*m)+$)?/g

代码

subject = "\033[34mHey y\033[0mou\033[0m";
pattern = /(?:(?:\x1B\[[\d;]*m)*[^\x1B]){1,3}(?:(?:\x1B\[[\d;]*m)+$)?/g;

result = subject.match(pattern);

document.write('<pre>' + JSON.stringify(result) + '</pre>');