숫자 문자열을 숫자 배열로 변환하는 방법은 무엇입니까?


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)

backquote는 문자열 리터럴이므로 괄호를 생략 할 수 있습니다 (분할 함수의 특성으로 인해) 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

좀 더 명확하기를 바랍니다.


왜 이런 식으로 작동합니까? 너무 추상화되어 우아하지 않은 것 같습니다.
기독교 마태 복음

지도 함수가 사용하는 문자 수에 대해 왜 관심이 있습니까?
SafeFastExpressive

홀수, 각도 7에서 괄호가 필요합니다.
제임스로 포티

@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
문서의 "Tricky 유스 케이스" 는 실제로이 주제에 대해 설명합니다.
Antony

87
또는 단순히 map(Number).
georg

참고 : 해당 링크에서 브라우저 버전을 확인하십시오. IE8은 Array.map을 지원하지 않습니다. (Surprising, eh?)
Joe Zack

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 ()의 두 번째 인수가 기본입니다. 이 경우 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);


10

이것은 매우 간단합니다.

["1", "2", "3", "4"].map(i=>Number(i))


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

3

Arraw 기능 (ES6)을 사용하는 Matt Zeunert의 버전

const nums = a.split(',').map(x => parseInt(x, 10));

1
10은 무엇을 나타내는가 ??
Dinesh Kanivu


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.