是否有内置方法可以将逗号分隔的字符串转换为数组？
Posted
技术标签:
【中文标题】是否有内置方法可以将逗号分隔的字符串转换为数组？【英文标题】：How can I convert a comma-separated string to an array? 【发布时间】：2011-02-20 22:27:05 【问题描述】：我有一个逗号分隔的字符串，我想将它转换成一个数组，所以我可以循环遍历它。
比如我有这个字符串
var str = "January,February,March,April,May,June,July,August,September,October,November,December";
现在我想用逗号分割它，然后将它存储在一个数组中。
有什么内置功能可以做到这一点吗？
当然，我可以编写一个自定义函数来执行此操作。或者甚至更好地导入已经编写并经过良好测试的many existing libraries 之一以处理逗号分隔值，例如jquery-csv。但是有没有内置的东西？
【问题讨论】：
只是想评论一下，这不需要 jquery 这是 javascript 本身的一部分。 How can I parse a CSV string with Javascript?的可能重复 关于重复：这比引用的问题早了 18 个月。如果有的话，另一个不仅是骗子，而且由于正则表达式的要求，为一个非常简单的问题提供了极其复杂的解决方案 简单。string.split(',');
不知道为什么这被标记为“过于本地化”。字符串拆分出现了很多很多，并且通常适用于互联网的全球受众（事实证明，我的回答仍然以某种方式定期获得支持）。我怀疑其他 4 个人会出现并重新打开它，但是，仍然。很奇怪。
【参考方案1】：
var array = string.split(',');
MDN reference，对limit 参数可能出现的意外行为很有帮助。 （提示："a,b,c".split(",", 2) 出现在 ["a", "b"]，而不是 ["a", "b,c"]。）
【讨论】：
简短而甜蜜，很高兴看到 JavaScriptstring 具有 Java String 的一些丰富性。
支持所有类型字符串的最佳实践。见这里***.com/a/32657055/2632619
如果您确定array 中有元素，split 可以正常工作，但如果您期望来自服务器/数据库的数据，您将遇到麻烦，因为''.split(',') 有一个@ 987654333@即：''.split(',') === ['']
@MichaelShopsin 和所有，拆分功能不适用于 IE11，因为它说 Unable to get property 'Split' of undefined or null reference。
@DLV 这听起来像是一个新问题，也许你应该在查看 *** 上已经存在的 IE 问题之后再问。【参考方案2】：
注意您是否针对整数，例如 1,2,3,4,5。如果您打算在拆分字符串后将数组的元素用作整数而不是字符串，请考虑将它们转换为整数。
var str = "1,2,3,4,5,6";
var temp = new Array();
// This will return an array with strings "1", "2", etc.
temp = str.split(",");
像这样添加一个循环，
for (a in temp )
temp[a] = parseInt(temp[a], 10); // Explicitly include base as per Álvaro's comment
将返回一个包含整数的数组，而不是字符串。
【讨论】：
请注意，除非您明确设置，否则 parseInt() 会尝试猜测基数，这在处理前导零时可能会导致意外结果 ("001,002,003...")。比较 parseInt('010') 和 parseInt('010', 10)。
如果可以的话，我会更多地支持 Alvaro 的评论。我不久前就学到了这一课，并且永远不会忘记它。
+1 这个例子比较清楚，说明字符串不是静态对象，实际上是字符串的变量。
map函数可以在一行内完成整数解析：str.split(',').map(parseInt)
这不是最有效的解决方案。根据我在 Chrome 49 下的实验。 JSON.parse('[' + str + ']') 比这个解决方案快 40%。【参考方案3】：
嗯，拆分是危险的恕我直言，因为字符串总是可以包含逗号。请注意以下几点：
var myArr = "a,b,c,d,e,f,g,','";
result = myArr.split(',');
那么你会如何解释呢？你想要结果是什么？一个数组：
['a', 'b', 'c', 'd', 'e', 'f', 'g', '\'', '\''] or
['a', 'b', 'c', 'd', 'e', 'f', 'g', ',']
即使省略逗号，也会有问题。
我很快就整理好了：
(function($)
$.extend(
splitAttrString: function(theStr)
var attrs = [];
var RefString = function(s)
this.value = s;
;
RefString.prototype.toString = function()
return this.value;
;
RefString.prototype.charAt = String.prototype.charAt;
var data = new RefString(theStr);
var getBlock = function(endChr, restString)
var block = '';
var currChr = '';
while ((currChr != endChr) && (restString.value !== ''))
if (/'|"/.test(currChr))
block = $.trim(block) + getBlock(currChr, restString);
else if (/\/.test(currChr))
block = $.trim(block) + getBlock('', restString);
else if (/\[/.test(currChr))
block = $.trim(block) + getBlock(']', restString);
else
block += currChr;
currChr = restString.charAt(0);
restString.value = restString.value.slice(1);
return $.trim(block);
;
do
var attr = getBlock(',', data);
attrs.push(attr);
while (data.value !== '')
;
return attrs;
);
)(jQuery);
【讨论】：
这也适用于数字，我们不必为它们运行单独的 parseInt 循环，如下面的另一个答案中所述。这是真正深刻的思考。非常感谢，我认为最好的答案！ 你的代码很有用，但是你没有回答这个问题：“有什么内置的东西可以做到这一点吗？” 当然我们可以写一个自定义函数为你做到了，或者甚至更好地导入已经编写并经过良好测试的许多现有库之一（例如jquery-csv）。但是有什么内置的吗？【参考方案4】：split() 方法用于将字符串拆分为子字符串数组，并返回新的数组。
var array = string.split(',');
【讨论】：
结果会是什么？例如，如果我有 var a = "hello,world,baby";和 var array = a.split(','); --> 我的数组会像这样：array = ["hello","world","baby"]; ?? 是的，没错。结果数组就像你提到的那样。 您的答案对我有用，但是我的新阵列并没有取代旧阵列。你能帮助我吗？var sampleTags = ['vinita@itsabacus.com']; console.log(sampleTags); $("#order_id").on("change", function() var order_id = document.getElementById('order_id').value; $.ajax(url: "model/getUserMailIds.php",data:order_id:order_id,type:'POST', success: function(result) alert(result); var sampleTags = result.split(',');; console.log(sampleTags); ); );【参考方案5】：
请注意以下几点：
var a = "";
var x = new Array();
x = a.split(",");
alert(x.length);
将提醒 1
【讨论】：
【参考方案6】：将逗号分隔的字符串传递给该函数，它将返回一个数组，如果找不到逗号分隔的字符串，则返回null。
function splitTheString(CommaSepStr)
var ResultArray = null;
// Check if the string is null or so.
if (CommaSepStr!= null)
var SplitChars = ',';
// Check if the string has comma of not will go to else
if (CommaSepStr.indexOf(SplitChars) >= 0)
ResultArray = CommaSepStr.split(SplitChars);
else
// The string has only one value, and we can also check
// the length of the string or time and cross-check too.
ResultArray = [CommaSepStr];
return ResultArray;
【讨论】：
不要只发布一段代码，请解释为什么这段代码可以解决所提出的问题。没有解释，这不是答案。 如果您不确定字符串是否包含拆分值，这是最正确的解决方案。如果字符串没有逗号，此函数将防止 split 方法出错（如上例所示）。 注意：以大写字母开头的函数在大多数情况下都是为调用而设计的。最好在不被设计为被调用的函数上使用小写字母。 当我只有一个没有逗号的值时，这对我来说失败了。在第二个if之后添加else ResultArray = [CommaSepStr]; 【参考方案7】：
这是一个将字符串转换为数组的函数，即使列表中只有一项（无分隔符）：
function listToAray(fullString, separator)
var fullArray = [];
if (fullString !== undefined)
if (fullString.indexOf(separator) == -1)
fullArray.push(fullString);
else
fullArray = fullString.split(separator);
return fullArray;
像这样使用它：
var myString = 'alpha,bravo,charlie,delta';
var myArray = listToArray(myString, ',');
myArray[2]; // charlie
var yourString = 'echo';
var yourArray = listToArray(yourString, ',');
yourArray[0]; // echo
我创建这个函数是因为split 如果字符串中没有任何分隔符（只有一项）会抛出错误。
【讨论】：
如果没有找到分隔符则不会抛出错误：'echo'.split(',') 返回['echo']，''.split(',') 返回['']。如果在x 不是字符串（包括x 为undefined 或null 时调用x.split(',')，您将 收到错误)，因为没有可用于其他类型的split 函数。
啊，当我编写 listToArray 函数时，我发现我实际上是在尝试将 split 用于未定义的对象。感谢您指出这一点...【参考方案8】：
let str = "January,February,March,April,May,June,July,August,September,October,November,December"
let arr = str.split(',');
结果：
["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]
如果您想将以下内容转换为：
["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]
这个：
"January,February,March,April,May,June,July,August,September,October,November,December";
使用：
str = arr.join(',')
【讨论】：
【参考方案9】：返回函数
var array = (new Function("return [" + str+ "];")());
它接受字符串和对象字符串：
var string = "0,1";
var objectstring = 'Name:"Tshirt", CatGroupName:"Clothes", Gender:"male-female", Name:"Dress", CatGroupName:"Clothes", Gender:"female", Name:"Belt", CatGroupName:"Leather", Gender:"child"';
var stringArray = (new Function("return [" + string+ "];")());
var objectStringArray = (new Function("return [" + objectstring+ "];")());
JSFiddle https://jsfiddle.net/7ne9L4Lj/1/
【讨论】：
文本字符串有错误 - SyntaxError: Unexpected identifier number strings are ok.例如。var stringtext = "String, text, I, am"; var stringtextArray = (new Function("return [" + string text + "];")()); 结果是：SyntaxError: Unexpected identifier【参考方案10】：
升级str.split(',')
简单的str.split(',') 没有太多的聪明之处。以下是针对不同需求的一些升级。您可以根据自己的喜好自定义功能。
const str = "a, b,c, d ,e ,f,,g"
const num = "1, 2,3, 4 ,5 ,6,,7.495"
const mix = "a, 2,3, d ,5 ,f,,7.495,g"
console.log( str.split(',')
) // spaces NOT trimmed, empty values included
// ["a", " b", "c", " d ", "e ", "f", "", "g"]
console.log( str.split(/[ ,]+/)
) // spaces trimmed, empty values skipped
// ["a", "b", "c", "d", "e", "f", "g"]
console.log( str.split(/\s*,\s*/)
) // spaces trimmed, empty values NOT skipped
// ["a", "b", "c", "d", "e", "f", "", "g"]
console.log( num.split(',').map(Number)
) // numbers, empty values default to zero
// [1, 2, 3, 4, 5, 6, 0, 7.495]
console.log( num.split(/[ ,]+/).map(Number)
) // numbers, skips empty values
// [1, 2, 3, 4, 5, 6, 7.495]
console.log( mix.split(/\s*,\s*/)
.map(x => (x === '') ? '' : (isNaN(Number(x)) ? x : Number(x)) )
) // mixed values, empty values included
// ["a", 2, 3, "d", 5, "f", "", 7.495, "g"]使用JSON.parse
它可能感觉有点像 hack，但它很简单，并且被大多数 Javascript 引擎高度优化。
它还有其他一些优点，例如支持嵌套列表。但也有缺点，例如要求输入格式正确的 JSON。
通过使用string.replace 类似于我上面使用string.split 的方式，您可以修复输入。在下面的前两个示例中，我自定义了我希望如何处理空值：
const num = "1, 2,3, 4 ,5 ,6,,7.495"
const mix = "a, 2,3, d ,5 ,f,7.495,g"
console.log( JSON.parse('['+num.replace(/,\s*,/,',0,')+']')
) // numbers, empty values default to zero
// [1, 2, 3, 4, 5, 6, 0, 7.495]
console.log( JSON.parse('['+num.replace(/,\s*,/,',')+']')
) // numbers, skips empty values
// [1, 2, 3, 4, 5, 6, 7.495]
console.log( JSON.parse('['+mix.replace(/(^|,)\s*([^,]*[^0-9, ][^,]*?)\s*(?=,|$)/g,'$1"$2"')+']')
) // mixed values, will ERROR on empty values
// ["a", 2, 3, "d", 5, "f", "7.495", "g"] 【讨论】：
在这里添加我的两美分......这很棒，我喜欢这些例子。干得好。【参考方案11】：我有一个类似的问题，但更复杂，因为我需要将一个 CSV 文件转换为一个数组数组（每一行是一个数组元素，里面有一个由逗号分隔的项目数组）。
最简单的解决方案（我敢打赌也更安全）是使用PapaParse，它有一个“无标题”选项，可将 CSV 文件转换为数组数组，此外，它会自动检测到“，”作为我的分隔符。
另外，它是在Bower注册的，所以我只需要：
bower install papa-parse --save
然后在我的代码中使用如下：
var arrayOfArrays = Papa.parse(csvStringWithEnters), header:false).data;
我真的很喜欢它。
【讨论】：
【参考方案12】：一个很好的解决方案：
let obj = ['A','B','C']
obj.map((c) => return c. ).join(', ')
【讨论】：
【参考方案13】：最短
str.split`,`
var str = "January,February,March,April,May,June,July,August,September,October,November,December";
let arr = str.split`,`;
console.log(arr);【讨论】：
文字反引号是怎么回事？解释是什么？ 这里有一些关于template literals的信息【参考方案14】：你可以试试下面的sn-p：
var str = "How,are,you,doing,today?";
var res = str.split(",");
console.log("My Result:", res)
【讨论】：
【参考方案15】：我制作了一个将字符串转换为数组的php脚本，你可以在浏览器中运行它，很简单
<form method="POST">
<div>
<label>String</label> <br>
<input name="string" type="text">
</div>
<div style="margin-top: 1rem;">
<button>konvert</button>
</div>
</form>
<?php
$string = @$_POST['string'];
if ($string)
$result = json_encode(explode(",",$string));
echo " '$result' <br>";
?>
【讨论】：
【参考方案16】：如果用户通过添加额外的空格来输入错误。你可以使用这样的东西。
tags: foo, zar, gar
const stringToArr = (string) =>
return string.trim.split(",");
;
【讨论】：
【参考方案17】：正如@oportocala 提到的，空字符串不会导致预期的空数组。
所以要反击，做：
str
.split(',')
.map(entry => entry.trim())
.filter(entry => entry)
对于预期整数数组，请执行以下操作：
str
.split(',')
.map(entry => parseInt(entry))
.filter(entry => typeof entry ==='number')
【讨论】：
【参考方案18】：let myString = "January,February,March,April,May,June,July,August,September,October,November,December";
const temp=myString .split(",");
console.log(temp);
输出：- [“一月”、“二月”、“三月”、“四月”、“五月”、“六月”、“七月”、“八月”、“九月”、“十月”、“十一月”、“十二月”]
非常简单，您可以为此使用 split 默认的 javascript 函数。
【讨论】：
【参考方案19】：对于字符串数组以逗号分隔的字符串：
let months = ["January","Feb"];
let monthsString = months.join(", ");
【讨论】：
这与他们要求的相反 @camille 我知道你读过我说的“将字符串数组转换为逗号分隔的字符串” 是的，我确实阅读了您的答案文本，但我也阅读了问题的文本。您提供的是对他们正在尝试做的相反操作的答案。对于加入数组的问题，这将是一个很好的答案，但这不是这个问题的意义 我知道那个人只是为其他人寻找相反的东西?以上是关于是否有内置方法可以将逗号分隔的字符串转换为数组？的主要内容，如果未能解决你的问题，请参考以下文章