2013-03-28 25 views

Odpowiedz

238

Możesz użyć Array.map, aby przekształcić każdy element na liczbę.

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

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

Sprawdź Docs


Albo bardziej elegancko jak wskazano przez użytkownika: thg435

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

Gdzie Number() zrobi resztę: sprawdź here


Uwaga: Dla starszych przeglądarek, które nie obsługują map można dodać implementację bardziej podoba:

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

przycisk [ "Tricky przypadków użycia"] (https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Array/map#Tricky_use_case) w dokumentacji faktycznie rozmów na ten temat Przedmiot. – Antony

+48

lub po prostu 'map (Number)'. – georg

+0

Uwaga: upewnij się, że sprawdzasz wersję przeglądarki w tym łączu, IE8 nie obsługuje Array.map. (Zaskakujące, eh?) –

12

+string spróbuje zmienić ciąg na liczbę. Następnie użyj funkcji Array.map, aby zmienić każdy element.

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

+1 - '+ el' jest klasą. – techfoobar

16

Mapa go do liczb całkowitych:

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

map patrzy na każdego elementu tablicy, przekazuje go do funkcji dostarczonych i zwraca tablicę z wartościami powrotnymi tej funkcji. map nie jest dostępny w starszych przeglądarkach, ale większość bibliotek, takich jak jQuery lub underscore, zawiera wersję dla wielu przeglądarek.

Lub, jeśli wolisz pętle:

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

+1 za wskazanie mapy nie jest dostępne we wszystkich przeglądarkach. –

3

Jako wariant można wykorzystać Combiantion _.map i _.ary metody z lodash library. Cała transformacja będzie bardziej zwarta. Oto przykład z official documentation:

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

Nie ma potrzeby korzystania z lambdy i/lub dać radix parametr do parseInt, wystarczy użyć parseFloat lub Number zamiast.

Przyczyny:

  1. to działa:

    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. Jest krótszy.

  3. To odrobinę quickier i korzysta z pamięci podręcznej, gdy parseInt, podejście - nie robi:

    // 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'! >_< 
    

Wskazówka: W Firefoksie parseInt działa około 4 razy szybciej, ale wciąż wolniej niż inne. W sumie: +e < Number < parseFloat < parseInt

6

Bardziej krótszym rozwiązania: map i przekazywać argumenty do Number:

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

2

na underscore.js sposób -

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); 
0

Ponieważ wszystkie odpowiedzi pozwalają NaN być zawarte, pomyślałem, dodam, że jeśli chcesz szybko rzucić tablicę wartości mieszanych z numerami można zrobić.

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

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

var result = b.map(_=>_|0) // Floors the number (32-bit signed integer) so this wont work if you need all 64 bits. 

// or b.map(_=>_||0) if you know your array is just numbers but may include NaN. 
Powiązane problemy