如何使用 .join 在 javascript 中换行

Question

我有 9 个字符串“a”、“b”、“c”、“d”、“e”、“f”、“g”、“h”、“i” JavaScript数组。

const arr = ["a", "b", "c", "d", "e", "f", "g", "h", "i"];

我正在使用 JavaScript 警告框打印 arr 的值。

但是，如果我使用 arr.join(" ")，它应该像：

a b c d e f g h i

但是，我想更改每第 3 个元素的行。喜欢：

a b c
d e f
g h i

我该怎么做？

Answer 1

这是我用来分块数组的方法：

const chunkSize = 3;

array
  .map((_, i) =>
    i % itemsPerPage
      ? undefined
      : items.slice(
          i,
          Math.floor(i / chunkSize) * chunkSize + chunkSize
        )
  )
      .filter(($) => !!$);

所以把它分块并使用：

chunkedArray.map((array) => array.join(" ")).join("\n");

使用的.map将里面的所有数组改为a b c，然后用换行符连接所有数组:)

Answer 2

您可以将 for 循环与 Array#slice 结合使用。

const arr = ["a", "b", "c", "d", "e", "f", "g", "h", "i"];
const parts = [];
for(let i = 0; i < arr.length; i += 3){
  parts.push(arr.slice(i, i + 3).join(' '));
}
console.log(parts.join('\n'));

如何使用 .join 在 javascript 中换行

How to break lines in javascript using .join

javascript

arrays

line-breaks