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


当前回答

从Chrome 72开始,可以使用Intl。ListFormat:

const vehicles = ['Motorcycle', 'Bus', 'Car']; const formatter = new Intl.ListFormat('en', { style: 'long', type: 'conjunction' }); console.log(formatter.format(vehicles)); // expected output: "Motorcycle, Bus, and Car" const formatter2 = new Intl.ListFormat('de', { style: 'short', type: 'disjunction' }); console.log(formatter2.format(vehicles)); // expected output: "Motorcycle, Bus oder Car" const formatter3 = new Intl.ListFormat('en', { style: 'narrow', type: 'unit' }); console.log(formatter3.format(vehicles)); // expected output: "Motorcycle Bus Car"

请注意,这种方法还处于非常早期的阶段,所以在发布这个答案的日期,预计与旧版本的Chrome和其他浏览器不兼容。

其他回答

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

1. 使用数组#加入

从MDN

join()方法将数组(或类数组对象)的所有元素连接到一个字符串中。

的代码

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

片段

var arr =(“这”,“是”,“一个”,“逗号”,“分离”,“名单”); Arr = Arr .join(","); console.log (arr);

2. 使用数组# toString

从MDN

toString()方法返回一个表示指定数组及其元素的字符串。

的代码

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

片段

var arr =(“这”,“是”,“一个”,“逗号”,“分离”,“名单”); arr = arr. tostring (); console.log (arr);

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

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

证明

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

输出为true

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

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

片段

var arr =(“这”,“是”,“一个”,“逗号”,“分离”,“名单”); Arr = []+ Arr; console.log (arr);

Also

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

var arr =(“这”,“是”,“一个”,“逗号”,“分离”,“名单”); Arr = Arr + []; console.log (arr);

取初始代码:

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

使用连接函数的初始答案是理想的。需要考虑的一件事是字符串的最终用途。

用于某些最终文本显示:

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"

当然,这完全取决于最终的用途。只要记住数据源和使用方法,一切都将是正确的。

我通常发现自己需要一些东西,如果该值为空或未定义,也会跳过该值,等等。

下面是我的解决方案:

// 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'。这就是为什么我更喜欢这个解决方案。

Papa Parse处理值中的逗号和其他边缘情况。

(Baby Parse for Node已弃用-你现在可以在浏览器和Node中使用Papa Parse。)

如。(节点)

const csvParser = require('papaparse'); // previously you might have used babyparse
var arr = [1,null,"a,b"] ;
var csv = csvParser.unparse([arr]) ;
console.log(csv) ;

1,,“a,b”

如果你需要用“and”代替“”,在最后两项之间,你可以这样做:

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