Comment convertir une chaîne de chiffres en un tableau de chiffres ?

Question

J'ai la chaîne ci-dessous -

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

quand je le fais -

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

Je reçois b como ["1", "2", "3", "4"]

Je peux faire quelque chose pour que b como [1, 2, 3, 4] ?

Answer 1

+string va essayer de transformer la chaîne de caractères en un nombre. Ensuite, utilisez Array.map pour modifier chaque élément.

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

Answer 2

Une solution plus courte : mapper et passer les arguments à Number :

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

Answer 3

Une doublure

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

Answer 4

Il n'y a pas besoin d'utiliser des lambdas et/ou de donner des radix pour parseInt il suffit d'utiliser parseFloat o Number à la place.

Raisons :

1. Ça marche :

   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. C'est plus court.

3. C'est un peu plus rapide et tire parti du cache, lorsque parseInt -approche - ne :

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

Avis : Dans Firefox parseInt fonctionne environ 4 fois plus vite, mais toujours plus lentement que les autres. Au total : +e < Number < parseFloat < parseInt

Answer 5

Comme variante, vous pouvez utiliser la combiantion _.map y _.ary des méthodes de l bibliothèque lodash . La transformation complète sera plus compacte. Voici un exemple de la documentation officielle :

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