当前位置:  开发笔记 > 编程语言 > 正文

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

如何解决《将JavaScript数组转换为逗号分隔列表的简便方法?》经验,为你挑选了8个好方法。

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



1> Wayne..:

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

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

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


2> Ates Goral..:

实际上,toString()默认情况下,实现使用逗号连接:

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

我不知道这是否是JS规范的强制要求,但这是什么 几乎所有的浏览器似乎都在做.


`toString()`和`join(",")`的表现大致相当于2018年4月

3> Sergey Ilins..:

或者(更有效率):

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方法完全返回所需内容 - 以逗号分隔的列表.


在大多数情况下,toString实际上比数组连接要慢。此处的Lookie:http://jsperf.com/tostring-join

4> skibulk..:

这是一个将二维数组或列数组转换为正确转义的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");
    };
}



5> mpen..:

我认为应该这样做:

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(',');

小提琴

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


实际上有一个RFC,http://tools.ietf.org/rfc/rfc4180.txt,这是正确的双引号应该用双引号进行转义.
Noooooooooo!诱惑下来.如果引号应该用反斜杠转义怎么办?!他们需要变数.;)
@SteveBuzonas,你只是用你的RFC来表明那个人.

6> Avijit Gupta..:

使用内置Array.toString方法

var arr = ['one', 'two', 'three'];
arr.toString();  // 'one,two,three'

Array.toString()上的MDN



7> Sagar V..:

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

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(",");


8> Andrew Downe..:

如果您需要在最后两项之间使用“和”而不是“,”,则可以执行以下操作:

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

推荐阅读
乐韵答题
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有