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

我有一个JavaScript的string的一维数组,我想变成一个逗号分隔的列表。 是否有一个简单的方法在花园多样的Javascript(或jQuery)把它变成一个逗号分隔列表? (我知道如何遍历数组并通过串联自己构buildstring,如果这是唯一的方法。)

Array.prototype.join()方法:

var arr = ["Zero", "One", "Two"]; document.write(arr.join(", ")); 

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

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

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

或(更高效):

 var arr = new Array(3);
 arr [0] =“零”;
 arr [1] =“一”;
 arr [2] =“二”;

文件撰写(ARR);  //和document.write(arr.toString())相同

被调用的数组的toString方法返回您所需要的 – 逗号分隔列表。

这是一个将二维数组或一列数组转换为正确转义的CSVstring的实现。 函数不检查有效的string/数字input或列计数(确保您的数组是有效的开始)。 单元格可以包含逗号和引号!

这是一个解码CSVstring的脚本 。

这是我编码CSVstring的脚本 :

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

我认为这应该做到这一点:

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

小提琴

基本上它所做的只是检查string是否包含逗号或引号。 如果是这样的话,那就把所有的报价加倍,并把结尾加上引号。 然后用逗号连接每个部分。

使用内置的Array.toString方法

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

Array.toString()上的MDN

我通常发现自己需要的东西,如果该值是nullundefined ,也跳过值等

所以这里是适合我的解决scheme:

 // 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'那么这里的大多数解决scheme都会返回', apple' 。 这就是为什么我喜欢这个解决scheme。

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

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

取最初的代码:

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

使用连接函数的初始答案是理想的。 有一件事要考虑的是string的最终用法。

为了在一些文本显示中使用:

 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" 

当然,这一切都取决于最终的使用。 只要保持数据源和使用的想法,一切都将是正确的与世界。

你想用“和”来结束吗?

对于这种情况,我创build了一个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 

阅读更多

https://github.com/dawsonbotsford/arrford

亲自尝试一下

补品链接

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

1.使用数组#join

来自MDN

join()方法将数组(或类似数组的对象)的所有元素连接成一个string。

代码

 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); 
 var arr = ["Pro1", "Pro2", "Pro3"]; console.log(arr.join());// Pro1,Pro2,Pro3 console.log(arr.join(', '));// Pro1, Pro2, Pro3 

爸爸parsing (基于浏览器)处理值和其他边缘情况下的逗号。 使用婴儿parsing节点。

例如。 (节点)

 const csvParser = require('babyparse'); var arr = [1,null,"a,b"] ; var csv = csvParser.unparse([arr]) ; console.log(csv) ; 

1 ,, “A,B”

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