如何将数组中的所有元素转换为JavaScript中的整数？

Question

我经过一些操作后得到一个数组。我需要将所有数组值转换为整数。

我的示例代码

var result_string='a,b,c,d|1,2,3,4'; 
    result=result_string.split("|"); 
    alpha=result[0]; 
    count=result[1]; 
    //alert(alpha); 
    //alert(count); 
    count_array=count.split(","); 

count_array现在包含1,2,3,4但我需要这些值是整数。

我曾经使用parseInt(count_array);，但它失败。 JS将此数组中的每个值都视为字符串。

Answer 1

您可以通过需要循环和解析/转换的元素数组中，像这样：

var result_string = 'a,b,c,d|1,2,3,4', 
    result = result_string.split("|"), 
    alpha = result[0], 
    count = result[1], 
    count_array = count.split(","); 
for(var i=0; i<count_array.length;i++) count_array[i] = +count_array[i]; 
//now count_array contains numbers 

You can test it out here。如果+，是扔，把它当做：

for(var i=0; i<count_array.length;i++) count_array[i] = parseInt(count_array[i], 10); 

Answer 2

只是循环的数组转换项目：

for(var i=0, len=count_array.length; i<len; i++){ 
    count_array[i] = parseInt(count_array[i], 10); 
} 

不要忘记parseInt函数的第二个参数。

Answer 3

ECMAScript5为Array提供了一个map方法，将函数应用于数组的所有元素。 下面是一个例子：

var a = ['1','2','3']; 
var result = a.map(function (x) { 
    return parseInt(x, 10); 
}); 

欲了解更多信息，请https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array/map

Answer 4

使用jQuery，你可以像map() method像这样;

$.map(arr, function(val,i) { 
    return parseInt(val); 
}); 

Answer 5

你可以做

var arrayOfNumbers = arrayOfStrings.map(Number); 

• MDN Array.prototype.map

对于旧的浏览器不支持Array.map，您可以使用Underscore

var arrayOfNumbers = _.map(arrayOfStrings, Number); 

Answer 6

对parseInt -approach点：

有没有必要使用lambda表达式和/或给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. 这是一点点quickier和需要缓存的优势，当parseInt -approach - 不：

   // 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 < Number < parseFloat < parseInt

Answer 7

var arr = ["1", "2", "3"]; 
 
arr = arr.map(Number); 
 
console.log(arr); // [1, 2, 3]