mam poniżej ciąg -Jak przekonwertować ciąg liczb na tablicę liczb?
var a = "1,2,3,4";
kiedy robię -
var b = a.split(',');
uzyskać b
jak ["1", "2", "3", "4"]
mogę coś zrobić, aby dostać b
jako [1, 2, 3, 4]
?
mam poniżej ciąg -Jak przekonwertować ciąg liczb na tablicę liczb?
var a = "1,2,3,4";
kiedy robię -
var b = a.split(',');
uzyskać b
jak ["1", "2", "3", "4"]
mogę coś zrobić, aby dostać b
jako [1, 2, 3, 4]
?
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;
};
+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;});
+1 - '+ el' jest klasą. – techfoobar
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 za wskazanie mapy nie jest dostępne we wszystkich przeglądarkach. –
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]
Nie ma potrzeby korzystania z lambdy i/lub dać radix
parametr do parseInt
, wystarczy użyć parseFloat
lub Number
zamiast.
Przyczyny:
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
Jest krótszy.
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
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);
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);
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.
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
lub po prostu 'map (Number)'. – georg
Uwaga: upewnij się, że sprawdzasz wersję przeglądarki w tym łączu, IE8 nie obsługuje Array.map. (Zaskakujące, eh?) –