如何将带有分隔符的连接数组拆分为块

Question

我有字符串数组

const arr = ['some', 'word', 'anotherverylongword', 'word', 'yyy', 'u']
const joined = arr.join(';')

我想获取连接字符串长度不大于 10 的块数组

例如输出将是：

[
    ['some;word'], // joined string length not greater than 10
    ['anotherverylongword'], // string length greater than 10, so is separated
    ['word;yyy;u'] // joined string length is 10
]

Answer 1

您可以使用reduce（以及一些spread syntax 和slice）来生成这样的块：

const arr = ['some', 'word', 'anotherverylongword', 'word', 'yyy', 'u'];
const chunkSize = 10;

const result = arr.slice(1).reduce(
  (acc, cur) =>
    acc[acc.length - 1].length + cur.length + 1 > chunkSize
      ? [...acc, cur]
      : [...acc.slice(0, -1), `${acc[acc.length - 1]};${cur}`],
  [arr[0]]
);

console.log(result);

这个想法是通过从arr（reduce 函数的第二个参数）的第一个元素开始，使用块 (result) 构建数组，然后，对于 @987654331 的每个剩余元素@ (arr.slice(1))，检查它是否可以附加到累加器的最后一个元素 (acc)。累加器最终成为reduce的最终返回值，赋值给result。