文字列を整数の配列に変換する


92

次の文字列'14 2'を2つの整数の配列に変換したいと思います。どうすればできますか?

回答:


88

次の.split()ように、文字列の配列を取得してから、ループして数値に変換することができます。

var myArray = "14 2".split(" ");
for(var i=0; i<myArray.length; i++) { myArray[i] = +myArray[i]; } 
//use myArray, it's an array of numbers

これ+myArray[i]は、数値変換を行うための簡単な方法です。整数であることが確実な場合は、次のように実行できます。

for(var i=0; i<myArray.length; i++) { myArray[i] = parseInt(myArray[i], 10); } 

5
短い:for(var i=myArray.length; i--;) myArray[i] = myArray[i]|0;ビット単位の変換と短いループを使用
vsync

1
またはES5の場合:myArray.forEach(function(x,y,z){ z[y]=x|0 })
vsync

3
@vsync-確かに...しかし、コンパイラがそれよりもさらに短縮する場合、なぜそれを維持するのが面倒になるのですか?:)明快さは、特に一度縮小されたとしても実際にはそれほど長くならない場合には、数バイトの追加の価値があります。
Nick Craver

なぜなら、私は公開されたコードを縮小しないので、他の人が私のコードを読んで何が起こっているのかを確認できるからです。また、ビット単位の操作は、parseIntよりもはるかに高速です。
vsync

5
@vsync-すべてのブラウザーでその主張をテストすることを確認してください。個人的に+の方が読みやすいと思います...そして、テストすると、最新のブラウザーのほとんどは、どちらの方法でも無視できるほどの違いがあります-エンジンによって異なります。また、あなたが提供できる.min.js.js、あなたはあなたのコードを公開したい場合は...その縮小を覚えている(それがそのために役に立たないことだから、あるいはすべきではない)無名のためではない、それはHTTPのオーバーヘッドを低減するためだ-より高速なページロードユーザーのために。
Nick Craver

213

最新のブラウザ用の簡単なもの:

'14 2'.split(' ').map(Number);

// [14, 2]`

1
とてもきれいな方法です!トップでなければなりません。
ヘーゼルナッツ2014年

1
ボール。それは素晴らしいです。とても新鮮でとてもきれい。
トッド

2
必要であれば、ちょうど古いブラウザのサポートのためのポリフィルを追加+1 developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/...
qdev

1
いいですが、これは実際にどのように機能していますか?Numberオブジェクトを渡していますが、その変換方法がわかりません。マップする関数を渡す必要があると思いました。
Jarg7

2
うん、そうだね。Number()はmapに渡される関数であり、値を変換します。詳細については、トッドの回答をご覧ください。
xer0x 2016年

35

SO ...古いスレッドですが...

編集

@RoccoMusolinoは良いキャッチをしました。ここに代替があります:

TL; DR:

 const intArray = [...("5 6 7 69 foo 0".split(' ').filter(i => /\d/g.test(i)))]

間違った"5 6 note this foo".split(" ").map(Number).filter(Boolean); // [5, 6]

ここにリストされているよりエレガントなソリューション、特に@amillaraと@Marcusのそれ以外の場合は美しい回答には微妙な欠陥があります。

この問題は、文字列配列の要素が整数に似ていない場合に発生する可能性があります。不自然な例について...

問題:


var effedIntArray = "5 6 7 69 foo".split(' ').map(Number); // [5, 6, 7, 69, NaN]

明らかにPURE int配列が必要なので、それは問題です。正直なところ、私がスクリプトに貼り付けたSOコードをコピーするまで、これを理解できませんでした...:/


(やや少ないバスケットをする人) 修正:


var intArray = "5 6 7 69 foo".split(" ").map(Number).filter(Boolean); // [5, 6, 7, 69]

したがって、今ではあなたががらくたのint文字列を持っている場合でも、出力は純粋な整数配列です。他の人はほとんどの場合本当にセクシーですが、私は実際に私のほとんどを乱暴に提供したいと思いました。それはまだ私のワンライナーですが、私の信用に...

それが誰かの時間を節約することを願っています!


1
私には十分な量のトートバッグ。ありがとう、トッド!
indextwo、2015

5
文字列に1つ以上の0が含まれている場合、これは機能しません。ゼロはboolean = falseに変換されるため、ブールフィルターは保持しません。
Rocco Musolino 2016年

1
あなたは置き換えることができ.filter(Boolean).filter( (x) => !Number.isNaN(x))
Bob9630

26
var result = "14 2".split(" ").map(function(x){return parseInt(x)});

5
すべてのブラウザがこれをサポートしているわけではありません。IEで機能しなくなります。これはJavaScript 1.6以降の機能です。また、私は別の答えで、常に基数をに渡すと言いましたparseInt()
Nick Craver

2
.map追加のライブラリなしで、どのブラウザーのJSでも同様のことができるようになるのを楽しみにしています。
JAL

5

Tushar Guptaの答えの代替は次のようになります。

'14 2'.split(' ').map(x=>+x);

// [14, 2]`

コードゴルフでは、1文字を保存します。ここで、「+」は「単項プラス」演算子であり、parseIntのように機能します。


3

最初に文字列をスペースで分割します。

var result = '14 2'.split(' ');

次に、文字列の結果配列を整数に変換します。

for (var i in result) {
    result[i] = parseInt(result[i], 10);
}

2
常に基数引数をに渡す必要parseInt()があります。そうしないと、そこに8進数が入る可能性があります。
Nick Craver

文字列がで始まらない場合0、または0xそれで問題ありません。
Marcus Whybrow、2011年

1
そうでない場合(どのように仮定を付けたのかを参照してください)...これらすべてのケースでも正しくなるようにするために必要な3文字を追加するのはなぜですか?
Nick Craver

3

- parseIntアプローチに対するポイント:

ラムダを使用したり、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


0

楽しみのために、私forEach(f())も解決策を投入すると思いました。

var a=[];
"14 2".split(" ").forEach(function(e){a.push(parseInt(e,10))});

// a = [14,2]

0
let idsArray = ids.split(',').map((x) => parseInt(x));

このコードは質問に答えることがありますが、問題を解決する方法や理由に関する追加のコンテキストを提供すると、回答の長期的な価値が向上します。
Badacadabra 2017年

0

より良い1行ソリューション:

var answerInt = [];
var answerString = "1 2 3 4";
answerString.split(' ').forEach(function (item) {
   answerInt.push(parseInt(item))
});

それは文字列ではありません。
delroh

-3

私たちにsplit関数

var splitresult = "14 2".split(" ");

3
これは数値ではなく文字列の配列を取得します。
Nick Craver

ええと、それを誤解しています。残りについては、マーカスホワイブローまたはニッククレイバーの回答を参照してください。
pyvi 2010年
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.