如何将一串数字转换为数字数组？

Question

我有以下字符串 -

var a = "1,2,3,4";

当我这样做时 -

var b = a.split(',');

我将b作为["1", "2", "3", "4"]

我可以做些什么来将b作为[1, 2, 3, 4]吗？

Answer 1

您可以使用Array.map将每个元素转换为数字。

var a = "1,2,3,4";

var b = a.split(',').map(function(item) {
    return parseInt(item, 10);
});

检查Docs

---

或者用户指出的更优雅：thg435

var b = a.split(',').map(Number);

Number()将完成其余工作：检查here

---

注意：对于不支持map的旧版浏览器，您可以自行添加以下内容：

Array.prototype.map = Array.prototype.map || function(_x) {
    for(var o=[], i=0; i<this.length; i++) { 
        o[i] = _x(this[i]); 
    }
    return o;
};

Answer 2

我给高尔夫球手的2美分：

b="1,2,3,4".split`,`.map(x=>+x)

backquote是字符串后缀，因此我们可以省略括号（由于split函数的性质），但它等效于split(',')。字符串现在是一个数组，我们只需要使用一个返回字符串整数的函数来映射每个值，这样x=>+x（甚至比Number函数还要短（5个字符而不是6个字符））等效于：

function(x){return parseInt(x,10)}// version from techfoobar
(x)=>{return parseInt(x)}         // lambda are shorter and parseInt default is 10
(x)=>{return +x}                  // diff. with parseInt in SO but + is better in this case
x=>+x                             // no multiple args, just 1 function call

我希望它更加清楚。

Answer 3

将其映射到整数：

a.split(',').map(function(i){
    return parseInt(i, 10);
})

map查看每个数组项，将其传递给提供的函数，并返回一个包含该函数返回值的数组。旧版浏览器不提供map，但jQuery或underscore等大多数库都包含跨浏览器版本。

或者，如果您更喜欢循环：

var res = a.split(",");
for (var i=0; i<res.length; i++)
{
    res[i] = parseInt(res[i], 10);
}

Answer 4

+string会尝试将字符串更改为数字。然后使用Array.map函数更改每个元素。

"1,2,3,4".split(',').map(function(el){ return +el;});

Answer 5

更简短的解决方案：映射并将参数传递给Number：

var a = "1,2,3,4";
var b = a.split(',');
console.log(b);
var c = b.map(Number);
console.log(c);

Answer 6

一支班轮

Array.from(a.split(','), Number)

Answer 7

作为变体，您可以使用lodash library中的组合_.map和_.ary方法。整体转型将更加紧凑。以下是official documentation：

的示例

_.map(['6', '8', '10'], _.ary(parseInt, 1));
// → [6, 8, 10]

Answer 8

无需使用lambdas和/或将radix参数提供给parseInt，只需使用parseFloat或Number。

<强>理由：

1. 它正在运作：

   var src = "1,2,5,4,3";
   var ids = src.split(',').map(parseFloat); // [1, 2, 5, 4, 3]
   
   var obj = {1: ..., 3: ..., 4: ..., 7: ...};
   var keys= Object.keys(obj); // ["1", "3", "4", "7"]
   var ids = keys.map(parseFloat); // [1, 3, 4, 7]
   
   var arr = ["1", 5, "7", 11];
   var ints= arr.map(parseFloat); // [1, 5, 7, 11]
   ints[1] === "5" // false
   ints[1] === 5   // true
   ints[2] === "7" // false
   ints[2] === 7   // true
   

2. 它更短。

3. 当parseInt - 接近 - 不时，它会更快一点，利用缓存;

     // execution time measure function
     // keep it simple, yeah?
   > var f = (function (arr, c, n, m) {
         var i,t,m,s=n();
         for(i=0;i++<c;)t=arr.map(m);
         return n()-s
     }).bind(null, "2,4,6,8,0,9,7,5,3,1".split(','), 1000000, Date.now);
   
   > f(Number) // first launch, just warming-up cache
   > 3971 // nice =)
   
   > f(Number)
   > 3964 // still the same
   
   > f(function(e){return+e})
   > 5132 // yup, just little bit slower
   
   > f(function(e){return+e})
   > 5112 // second run... and ok.
   
   > f(parseFloat)
   > 3727 // little bit quicker than .map(Number)
   
   > f(parseFloat)
   > 3737 // all ok
   
   > f(function(e){return parseInt(e,10)})
   > 21852 // awww, how adorable...
   
   > f(function(e){return parseInt(e)})
   > 22928 // maybe, without '10'?.. nope.
   
   > f(function(e){return parseInt(e)})
   > 22769 // second run... and nothing changes.
   
   > f(Number)
   > 3873 // and again
   > f(parseFloat)
   > 3583 // and again
   > f(function(e){return+e})
   > 4967 // and again
   
   > f(function(e){return parseInt(e,10)})
   > 21649 // dammit 'parseInt'! >_<
   

注意：在Firefox parseInt中工作速度提高了约4倍，但仍然比其他工作速度慢。总计：+e＆lt; Number＆lt; parseFloat＆lt; parseInt

Answer 9

下划线js方式 -

var a = "1,2,3,4",
  b = a.split(',');

//remove falsy/empty values from array after split
b = _.compact(b);
//then Convert array of string values into Integer
b = _.map(b, Number);

console.log('Log String to Int conversion @b =', b);

Answer 10

Matt Zeunert的使用arraw功能版本（ES6）

const nums = a.split(',').map(x => parseInt(x, 10));

Answer 11

由于所有答案都允许包含USING PERIODIC COMMIT 500 LOAD CSV WITH HEADERS FROM "File:///movies.csv" AS csvLine MERGE (movie:Movie{title: rTrim(split(csvLine.title, '(')[0])}) SET movie.id = toInteger(csvLine.movieId), movie.genres = csvLine.genres ，我认为如果您想快速将一组混合值投射到您可以执行的数字上，我想补充一点。

NaN

Answer 12

Array.from（）有关详细信息，请转到MDN

var a = "1,2,3,4";
var b = Array.from(a.split(','),Number);

b是一个数字数组

Answer 13

  

这很简单。例如：

["1", "2", "3", "4"].map(i=>Number(i))

Answer 14

您可以使用JSON.parse，添加小节以格式化 Array

const a = "1,2,3,4";
const myArray = JSON.parse(`[${a}]`)
console.log(myArray)
console.info('pos 2 = ',  myArray[2])

Answer 15

您可以将字符串数组转换为一行中的数字数组：

const arrayOfNumbers = arrayOfStrings.map(e => +e);

Answer 16

如果您需要将字符串数组转换为数字，这非常有用。

const numbers = arr => arr.map(Number);
numbers(['1', '2', '3','4']);     // [1, 2, 3, 4]