我在JavaScript中有一个一维的字符串数组，我想把它变成以逗号分隔的列表 . 在花园种类的JavaScript（或jQuery）中有一种简单的方法可以将其转换为以逗号分隔的列表吗？（我知道如何迭代数组并通过连接自己构建字符串，如果这是唯一的方法 . ）

15 回答

13
如果您需要在最后两项之间使用“和”代替“，”，您可以执行以下操作：
```
function arrayToList(array){
  return array
    .join(", ")
    .replace(/, ((?:.(?!, ))+)$/, ' and $1');
}
```
回复于 2024-04-19T20:03:45+08:00
3
Papa Parse（基于浏览器）处理值和其他边缘情况中的逗号 . 对节点使用Baby Parse .

例如 . （节点）
```
const csvParser = require('babyparse');
var arr = [1,null,"a,b"] ;
var csv = csvParser.unparse([arr]) ;
console.log(csv) ;
```
1 ,, “A，B”
回复于 2024-04-19T20:03:45+08:00

这是一个将二维数组或列数组转换为正确转义的CSV字符串的实现 . 这些函数不检查有效的字符串/数字输入或列数（确保您的数组有效开始） . 单元格可以包含逗号和引号！

这是script for decoding CSV strings .

这是我的script for encoding CSV strings：

// Example
var csv = new csvWriter();
csv.del = '\t';
csv.enc = "'";

var nullVar;
var testStr = "The comma (,) pipe (|) single quote (') double quote (\") and tab (\t) are commonly used to tabulate data in plain-text formats.";
var testArr = [
    false,
    0,
    nullVar,
    // undefinedVar,
    '',
    {key:'value'},
];

console.log(csv.escapeCol(testStr));
console.log(csv.arrayToRow(testArr));
console.log(csv.arrayToCSV([testArr, testArr, testArr]));

/**
 * Class for creating csv strings
 * Handles multiple data types
 * Objects are cast to Strings
 **/

function csvWriter(del, enc) {
    this.del = del || ','; // CSV Delimiter
    this.enc = enc || '"'; // CSV Enclosure

    // Convert Object to CSV column
    this.escapeCol = function (col) {
        if(isNaN(col)) {
            // is not boolean or numeric
            if (!col) {
                // is null or undefined
                col = '';
            } else {
                // is string or object
                col = String(col);
                if (col.length > 0) {
                    // use regex to test for del, enc, \r or \n
                    // if(new RegExp( '[' + this.del + this.enc + '\r\n]' ).test(col)) {

                    // escape inline enclosure
                    col = col.split( this.enc ).join( this.enc + this.enc );

                    // wrap with enclosure
                    col = this.enc + col + this.enc;
                }
            }
        }
        return col;
    };

    // Convert an Array of columns into an escaped CSV row
    this.arrayToRow = function (arr) {
        var arr2 = arr.slice(0);

        var i, ii = arr2.length;
        for(i = 0; i < ii; i++) {
            arr2[i] = this.escapeCol(arr2[i]);
        }
        return arr2.join(this.del);
    };

    // Convert a two-dimensional Array into an escaped multi-row CSV 
    this.arrayToCSV = function (arr) {
        var arr2 = arr.slice(0);

        var i, ii = arr2.length;
        for(i = 0; i < ii; i++) {
            arr2[i] = this.arrayToRow(arr2[i]);
        }
        return arr2.join("\r\n");
    };
}

回复于 2024-04-19T20:03:45+08:00

82
取初始代码：
```
var arr = new Array(3);
arr[0] = "Zero";
arr[1] = "One";
arr[2] = "Two";
```
使用join函数的初始答案是理想的 . 要考虑的一件事是最终使用字符串 .

用于某些文本显示：
```
arr.join(",")
=> "Zero,One,Two"
```
用于在URL中以（有点）RESTful方式传递多个值：
```
arr.join("|")
=> "Zero|One|Two"

var url = 'http://www.yoursitehere.com/do/something/to/' + arr.join("|");
=> "http://www.yoursitehere.com/do/something/to/Zero|One|Two"
```
当然，这一切都取决于最终用途 . 只需保留数据源并牢记使用，所有这些都将适用于全世界 .
回复于 2024-04-19T20:03:45+08:00

你想用“和”来结束吗？

对于这种情况，我创建了一个npm模块 .

试试arrford：

用法

const arrford = require('arrford');

arrford(['run', 'climb', 'jump!']);
//=> 'run, climb, and jump!'

arrford(['run', 'climb', 'jump!'], false);
//=> 'run, climb and jump!'

arrford(['run', 'climb!']);
//=> 'run and climb!'

arrford(['run!']);
//=> 'run!'

安装

npm install --save arrford

自己尝试一下

Tonic link

回复于 2024-04-19T20:03:45+08:00

我认为应该这样做：

var arr = ['contains,comma', 3.14, 'contains"quote', "more'quotes"]
var item, i;
var line = [];

for (i = 0; i < arr.length; ++i) {
    item = arr[i];
    if (item.indexOf && (item.indexOf(',') !== -1 || item.indexOf('"') !== -1)) {
        item = '"' + item.replace(/"/g, '""') + '"';
    }
    line.push(item);
}

document.getElementById('out').innerHTML = line.join(',');

fiddle

基本上它所做的就是检查字符串是否包含逗号或引号 . 如果确实如此，那么它会将所有报价加倍，并在两端加上引号 . 然后它用逗号连接每个部分 .

回复于 2024-04-19T20:03:45+08:00

662

Array.prototype.join()方法：

var arr = ["Zero", "One", "Two"];

document.write(arr.join(", "));

回复于 2024-04-19T20:03:45+08:00

有许多方法可以将数组转换为逗号分隔列表

1.使用array＃join

来自MDN

join（）方法将数组（或类数组对象）的所有元素连接成一个字符串 .

代码

var arr = ["this","is","a","comma","separated","list"];
arr = arr.join(",");

片段

var arr = ["this", "is", "a", "comma", "separated", "list"];
arr = arr.join(",");
console.log(arr);

2.使用array＃toString

来自MDN

toString（）方法返回表示指定数组及其元素的字符串 .

代码

var arr = ["this","is","a","comma","separated","list"];
arr = arr.toString();

片段

var arr = ["this", "is", "a", "comma", "separated", "list"];
arr = arr.toString();
console.log(arr);

3.在数组之前添加[]或在数组之后添加[]

[]或[]会将其转换为字符串

证明

([]+[] === [].toString())

将输出true

console.log([]+[] === [].toString());

var arr = ["this","is","a","comma","separated","list"];
arr = []+arr;

片段

var arr = ["this", "is", "a", "comma", "separated", "list"];
arr = []+arr;
console.log(arr);

另外

var arr = ["this","is","a","comma","separated","list"];
arr = arr+[];

var arr = ["this", "is", "a", "comma", "separated", "list"];
arr = arr + [];
console.log(arr);

回复于 2024-04-19T20:03:45+08:00

var array = ["Zero", "One", "Two"];
var s = array + [];
console.log(s); // => Zero,One,Two

回复于 2024-04-19T20:03:45+08:00

或者（更有效率）：

var arr = new Array(3);
arr[0] = "Zero";
arr[1] = "One";
arr[2] = "Two";

document.write(arr); // same as document.write(arr.toString()) in this context

调用时数组的toString方法完全返回所需内容 - 以逗号分隔的列表 .

回复于 2024-04-19T20:03:45+08:00

0
如果该值为 null 或 undefined 等，我通常会发现自己需要的东西也会跳过该值 .

所以这是适用于我的解决方案：
```
// Example 1
const arr1 = ['apple', null, 'banana', '', undefined, 'pear'];
const commaSeparated1 = arr1.filter(item => item).join(', ');
console.log(commaSeparated1); // 'apple, banana, pear'

// Example 2
const arr2 = [null, 'apple'];
const commaSeparated2 = arr2.filter(item => item).join(', ');
console.log(commaSeparated2); // 'apple'
```
如果我的数组看起来像我的第二个例子中的那个，那么这里的大多数解决方案都将返回 ', apple' . 这就是为什么我更喜欢这个解决方案 .
回复于 2024-04-19T20:03:45+08:00

var arr = ["Pro1", "Pro2", "Pro3"];
console.log(arr.join());// Pro1,Pro2,Pro3
console.log(arr.join(', '));// Pro1, Pro2, Pro3

回复于 2024-04-19T20:03:45+08:00

1
使用内置的 Array.toString 方法
```
var arr = ['one', 'two', 'three'];
arr.toString();  // 'one,two,three'
```
MDN on Array.toString()
回复于 2024-04-19T20:03:45+08:00
-1
实际上， toString() 实现默认使用逗号连接：
```
var arr = [ 42, 55 ];
var str1 = arr.toString(); // Gives you "42,55"
var str2 = String(arr); // Ditto
```
我不知道这是否是JS规范要求的，但这是所有浏览器似乎都在做的事情 .
回复于 2024-04-19T20:03:45+08:00
10
我喜欢https://jsfiddle.net/rwone/qJUh2/的解决方案，因为它在逗号后添加了空格：
```
array = ["test","test2","test3"]
array = array.toString();
array = array.replace(/,/g, ", ");
alert(array);
```
或者，正如@StackOverflaw在评论中所建议的那样：
```
array.join(', ');
```
回复于 2024-04-19T20:03:45+08:00

将JavaScript数组转换为逗号分隔列表的简便方法？

15 回答

用法

安装

阅读更多

自己尝试一下

1.使用array＃join

片段

2.使用array＃toString

片段

3.在数组之前添加[]或在数组之后添加[]

证明

片段

另外

将JavaScript数组转换为逗号分隔列表的简便方法？

15 回答

用法

安装

阅读更多

自己尝试一下

1.使用array＃join

片段

2.使用array＃toString

片段

3.在数组之前添加[]或在数组之后添加[]

证明

片段

另外

相关问题