如何在 javascript 中将逗号分隔的字符串转换为数字数组

Question

我在 JavaScript 中有一个 integer 的一维数组，我想从逗号分隔的字符串中添加数据，有没有简单的方法可以做到这一点？

例如： var strVale = "130,235,342,124 ";

Answer 1

? "123,87,65".split(",").map(Number)
> [123, 87, 65]

编辑>>

感谢@NickN和@connexo 的评论！ 如果您通过例如过滤器是适用的。 想要排除任何非数字值：

?", ,0,,6, 45,x78,94c".split(",").filter(x => x.trim().length && !isNaN(x)).map(Number)
> [0, 6, 45]

Answer 2

您可以使用split()从逗号分隔的字符串中获取字符串数组。 如果您对字符串数组的元素进行迭代并执行数学运算，那么该元素将被运行时转换视为数字，但您仍然拥有字符串数组。 要转换逗号分隔的字符串 int 数组，请参阅编辑。

arr = strVale.split(',');

现场演示

var strVale = "130,235,342,124";
arr = strVale.split(',');
for(i=0; i < arr.length; i++)
    console.log(arr[i] + " * 2 = " + (arr[i])*2);

输出

130 * 2 = 260
235 * 2 = 470
342 * 2 = 684
124 * 2 = 248

编辑，逗号分隔的字符串到 int 数组在上面的例子中，字符串在表达式中被转换为数字，但要从字符串数组中获取 int 数组，您需要将其转换为数字。

var strVale = "130,235,342,124";
var strArr = strVale.split(',');
var intArr = [];
for(i=0; i < strArr.length; i++)
   intArr.push(parseInt(strArr[i]));

Answer 3

您可以使用String split方法将单个数字作为字符串数组获取。 然后使用一元加号运算符、 Number函数或parseInt将它们转换为数字，并将它们添加到数组中：

var arr = [1,2,3],
    strVale = "130,235,342,124 ";
var strings = strVale.split(",");
for (var i=0; i<strVale.length; i++)
    arr.push( + strings[i] );

或者，在一个步骤中，使用Array map来转换它们并将它们应用到一个push ：

arr.push.apply(arr, strVale.split(",").map(Number));

Answer 4

只是您需要为此使用几种方法，仅此而已！

var strVale = "130,235,342,124";
var resultArray = strVale.split(',').map(function(strVale){return Number(strVale);});

输出将是数字数组。

Answer 5

split() 方法用于将字符串拆分为子字符串数组，并返回新数组。

Syntax:
  string.split(separator,limit)


arr =  strVale.split(',');

看这里

Answer 6

您可以像这样拆分和转换

 var strVale = "130,235,342,124 ";
 var intValArray=strVale.split(',');
 for(var i=0;i<intValArray.length;i++{
     intValArray[i]=parseInt(intValArray[i]);
}

现在您可以在逻辑中使用 intValArray。

Answer 7

解决方案：

var answerInt = [];
var answerString = "1,2,3,4";
answerString.split(',').forEach(function (item) {
   answerInt.push(parseInt(item))
});

Answer 8

到目前为止，所有给定的答案都为像",1,0,-1,, ,,2"这样的字符串创建了一个可能出乎意料的结果：

",1,0,-1,,  ,,2".split(",").map(Number).filter(x => !isNaN(x))
// [0, 1, 0, -1, 0, 0, 0, 2]

为了解决这个问题，我想出了以下修复：

",1,0,-1,,  ,,2".split(',').filter(x => x.trim() !== "").map(Number).filter(x => !isNaN(x))
// [1, 0, -1, 2]

请注意，由于

isNaN("") // false!

和

isNaN(" ") // false

我们不能结合两个过滤步骤。

Answer 9

当字符串值与逗号（，）正确时，这是一个简单快捷的解决方案。

但是如果字符串的最后一个字符带有逗号，这会产生一个空白的数组元素，并且这也被删除了它周围的额外空格。

“123,234,345，”

所以我建议使用push()

var arr = [], str="123,234,345,"
str.split(",").map(function(item){
    if(item.trim()!=''){arr.push(item.trim())}
})

Answer 10

这篇文章中有很好的解决方案，但我想再添加一个。 我建议不要使用filter和map而是使用reduce来遍历所有项目一次。

我还将它与使用正则表达式查找数字进行比较。 请评估哪种方法适合您的需求。 以下是示例：

 const strA = ',1,0,-2,a3 , 4b,a5b ,21, 6 7,, 8.1' const arrayOfNumbersA = strA.split(',').reduce((acc, val) => val && !Number.isNaN(+val) ? acc.push(+val) && acc : acc, []) console.log(arrayOfNumbersA) // => [1, 0, -2, 21, 8.1] - As you can see in the output the negative numbers // do work and if the number have characters before or after // the numbers are removed from since they are treated like NaN. // Note: in this case the comma is the delimiting each number that will be evaluated in the reduce const arrayOfNumbersB = strA.match(/[\\d.]+/g).map(Number) console.log(arrayOfNumbersB) // => [1, 0, 2, 3, 4, 5, 21, 6, 7, 8.1] - As you can see in the output the negative numbers // are transformed to positives and if the number have characters before or after // the numbers placed any way. //Note: that in this case the regex is looking for digits no matter how they are separated. // FYI: seeing all the steps using the reduce method const arrayOfNumbersC = strA.split(',').reduce((acc, val) => { if(val && !Number.isNaN(+val)) { acc.push(+val) } return acc }, []) console.log(arrayOfNumbersC) // => [1, 0, -2, 21, 8.1]

Answer 11

为了同时获取字符串值并避免被破坏，我们可以这样解决

 let strVale = "130,235,342,124 ";
 let unformattedArray =strVale.split(',');

 const formatArray = (unformattedArray) => {
    if (unformattedArray.map(Number).includes(NaN)) {
    return unformattedArray;
}
else {
  return unformattedArray.map(Number);
}
}
    
  //then every time we want to format we call our function to format for us
 console.log(formatArray(unformattedArray));
 // or asign a value

  let foramttedArray =  formatArray(unformattedArray);