数値の文字列を数値の配列に変換する方法は?


188

以下の文字列があります-

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

私がする時 -

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

b["1", "2", "3", "4"]

私が手に何か行うことができますbように[1, 2, 3, 4]

回答:


25

ゴルファーのための私の2セント:

b="1,2,3,4".split`,`.map(x=>+x)

バッククォートは文字列リテラルなので、(split関数の性質上)括弧を省略できますが、と同等split(',')です。文字列は配列になりました。文字列の整数を返す関数で各値をマッピングする必要があるため、関数x=>+xよりもさらに短くなっていNumberます(6文字ではなく5文字)。

function(x){return parseInt(x,10)}// version from techfoobar
(x)=>{return parseInt(x)}         // lambda are shorter and parseInt default is 10
(x)=>{return +x}                  // diff. with parseInt in SO but + is better in this case
x=>+x                             // no multiple args, just 1 function call

私はそれがもう少し明確であることを望みます。


なぜこれはこのように機能するのですか?抽象化されているため、エレガントではないようです。
クリスチャンマシュー

map関数が使用する文字数を気にする必要があるのはなぜですか?
SafeFastExpressive

奇妙なことに、角度7では括弧が必要です。
James LoForti

@SafeFastExpressiveこれは「golfers」のバージョンなので、私が何を話しているのかわからない場合:codegolf.stackexchange.com
TrapII

408

を使用Array.mapして、各要素を数値に変換できます。

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

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

ドキュメントを確認する


または、ユーザーから指摘されたよりエレガントに:thg435

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

Number()残りはどこで行いますか:ここをチェックしてください


注:をサポートしていない古いブラウザのmap場合、次のように自分で実装を追加できます。

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
ドキュメントの「トリッキーなユースケース」は、実際にこの問題について述べています。
アントニー

87
または単にmap(Number)
georg 2013年

注:そのリンクでブラウザのバージョンを確認してください。IE8はArray.mapをサポートしていません。(意外、ええ?)
ジョーザック

1
Number()は整数を強制せず、数値のみを強制することに注意してください。特にintにキャストする必要がある場合は、parseInt()を使用してください。"1.1,2,3".split(",").map(Number)である[1.1, 2, 3]のに対し、"1.1,2,3".split(",").map(item => parseInt(item, 10))ある[1, 2, 3]
dtbarne

1
@Sachith-parseInt()の2番目の引数がベースです。この場合10.参考に:developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/...
techfoobar

18

整数にマッピングします。

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

mapすべての配列項目を調べ、提供された関数に渡し、その関数の戻り値を含む配列を返します。map古いブラウザでは使用できませんが、jQueryアンダースコアなどのほとんどのライブラリには、クロスブラウザバージョンが含まれています。

または、ループを使用する場合:

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

15

+string文字列を数値に変更しようとします。次に、Array.map関数を使用してすべての要素を変更します。

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

13

詳細については、Array.from()をMDNに移動

var a = "1,2,3,4";
var b = Array.from(a.split(','),Number);

b 数値の配列です


2
これは私が見つけた最も簡単な方法です!!
FonzTech、

11

より短い解決策:引数をマップして渡すNumber

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




3

ラムダを使用したり、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. -approach-が機能しない場合parseInt、これ少し速く、キャッシュを利用ます

      // 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


3

アンダースコアjs方法-

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



1

すべての回答NaNを含めることができるため、混合値の配列をすばやく数値にキャストしたい場合は、追加できると思います。

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.
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.