我有一个JavaScript中的一维字符串数组,我想把它转换成一个逗号分隔的列表。在普通JavaScript(或jQuery)中是否有一种简单的方法将其转换为逗号分隔的列表?(我知道如何通过数组迭代,并通过连接自己构建字符串,如果这是唯一的方法。)
当前回答
实际上,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] = "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"
当然,这完全取决于最终的用途。只要记住数据源和使用方法,一切都将是正确的。
我喜欢https://jsfiddle.net/rwone/qJUh2/上的解决方案,因为它在逗号后添加了空格:
array = ["test","test2","test3"]
array = array.toString();
array = array.replace(/,/g, ", ");
alert(array);
或者,正如@ stackover缺陷在评论中建议的那样:
array.join(', ');
简单的数组
let simpleArray = [1,2,3,4] let commaSeperated = simpleArray.join(","); console.log (commaSeperated);
以逗号分隔的特定属性的对象数组。
let arrayOfObjects = [ { Id: 1, 姓名:“姓名1”, 地址:“地址1” }, { Id: 2, 姓名:“姓名2”, 地址:“地址2” }, { Id: 3, 姓名:“姓名3”, 地址:“地址3” }) let names = arrayOfObjects。Map (x => x.name).join(", "); console.log(名称);
结果
Name 1, Name 2, Name 3
有很多方法可以将数组转换为逗号分隔的列表
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);
我通常发现自己需要一些东西,如果该值为空或未定义,也会跳过该值,等等。
下面是我的解决方案:
// 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'。这就是为什么我更喜欢这个解决方案。