如何將數組中的所有元素轉換爲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]