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

IT技术 javascript
2021-01-27 01:35:32

我在 JavaScript 中有一个一维字符串数组,我想将其转换为逗号分隔的列表。在各种类型的 JavaScript(或 jQuery)中是否有一种简单的方法可以将其转换为逗号分隔的列表?(如果这是唯一的方法,我知道如何遍历数组并通过连接自己构建字符串。)

6个回答

所述Array.prototype.join()方法:

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

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

@Mark:确实如此,但我需要连接 ID 列表,不能使用逗号或其他特殊字符
2021-03-15 01:35:32
@davewilliams459:但你不是 OP?Op表示“一维字符串数组”。字符串。不是身份证。这意味着它们可以是任何东西。这意味着它们可能包含其他逗号。
2021-03-15 01:35:32
@Mark:对于所问的问题,答案是正确的。任何其他要求都留给个人自己解决。OP 要求提供逗号分隔的列表,而不是引用的 CSV 类型格式。
2021-04-02 01:35:32
@Wayne:我仍然认为警告是必要的:) 人们并不总是仔细考虑这些事情,然后他们会在脚下开枪。
2021-04-10 01:35:32
@Mark - 你的评论是完全有效的(正如其他人用赞成票指出的那样),但更有用的可能是实际提供带有示例代码的替代答案?
2021-04-11 01:35:32

实际上,该toString()实现默认使用逗号进行连接:

var arr = [ 42, 55 ];
var str1 = arr.toString(); // Gives you "42,55"
var str2 = String(arr); // Ditto

我不知道 JS 规范是否要求这样做,但这就是 最多 几乎所有浏览器似乎都在做。

还有更短的(但不太清楚) arr + ''
2021-03-22 01:35:32
这是完美的答案。要获取数组的 CSV,我们可以使用 console.log(arr) 或像您说的那样,将其转换为字符串会自动使其成为 CSV。
2021-03-31 01:35:32
toString()join(",")2018 年 4 月的表现大致相当
2021-04-05 01:35:32
array.toString 可以在逗号后没有空格的情况下完成这项工作。使用 array.join 您很灵活。
2021-04-10 01:35:32

或者(更有效):

var arr = new Array(3);
arr[0] = "零";
arr[1] = "一";
arr[2] = "两个";

文档写(arr);// 与此上下文中的 document.write(arr.toString()) 相同

调用时数组的 toString 方法返回的正是您所需要的——逗号分隔的列表。

在大多数情况下,toString 实际上比数组连接慢。看这里:jsperf.com/tostring-join
2021-03-28 01:35:32

如果您需要在最后两项之间使用“和”而不是“,”,您可以这样做:

function arrayToList(array){
  return array
    .join(", ")
    .replace(/, ((?:.(?!, ))+)$/, ' and $1');
}

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

这是一个用于解码 CSV 字符串脚本

这是我用于编码 CSV 字符串的脚本

// 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");
    };
}