将多行字符串更改为单行

Question

您好我有以下格式的文字，

683101，
682303，
682302，
682315，
683581，
686667，
682008，
683572，
683573，
682313，
686672，
683545等....

每一行用“Enter”打破下一行。我有近2000行文字。我想要将上面的字符串显示为这样的单行。

683101， 682303， 682302， 682315， 683581， 686667， 682008， 683572， 683573， 682313， 686672， 683545， 686672， 683545等..

我认为CSS中有一些调整选项可以做到这一点。 JavaScript中有没有办法做到这一点？实际上这不是我的要求，我只是想知道它是如何完成的。

• 修改

在我的文本编辑器中，它看起来像这样，

当我尝试运行它时，这就是我得到的。

这就是为什么我要删除输入，多行.......

Answer 1

您可以使用正则表达式删除所有换行符并使用空格替换它们。

ctypes

此处，str = str.replace(/\n/g, ' '); 将匹配所有换行符，并将其替换为\n 空间

Answer 2

我有一个简单的方法。无需额外代码即可完成此操作。就这样写 -

var str = "12345,\
234234,\
234324,\
234324,\
234324,\
234234";

现在只需添加斜杠

好的，如果你不想使用上述方法，那么使用另一个计划是 -

取内部数组，之后使用join方法

var str = [12345,
234234,
234324,
234324,
234324,
234234];


str.join(",");

如果我们使用ES6，那么我们可以使用 Backtick -

以优雅的方式执行此操作

var str = `12345,
234234,
234324,
234324,
234324,
234234`;

Answer 3

如果您只想将这些值放在一行中，则可以将这些值设置为textarea字段的值。这将允许您将所有这些值读入javascript字符串。之后，您可以应用Tushar建议的正则表达式。

请参阅以下代码段：

<textarea id="content">
683101,
682303,
682302,
682315,
683581,
686667,
682008,
683572,
683573,
682313,
686672,
683545
</textarea>  

这是javascript：

var content = $('#content').val();
var content = content.replace(/\n/g, ' ');
console.log(content);

Answer 4

由于您的数据已经用逗号分隔，因此您可以尝试在开头添加“ [”，并在其后附加“ ]。toString（）。replace（/ \ n / g，” “）”到数据末尾，以得到如下所示的单行字符串：

[683101,
682303,
682302,
682315,
683581,
686667,
682008,
683572,
683573,
682313,
686672,
683545].toString().replace(/\\n/g," ")

然后您得到： “ 683101,682303,682302,682315,683581,686667,682008,683572,683573,682313,686672,683545”

我希望这会有所帮助：）