将字符串转换为整数数组


92

我想将以下字符串'14 2'转换为两个整数的数组。我该怎么做 ?

Answers:


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-当然...但是,当任何编译器将其缩短得更多时,为什么要使它痛苦呢?:)清晰度值得增加一些额外的字节,尤其是当将其缩小一次实际上不会花费更长的时间时。
尼克·克拉弗

因为有一次,我不会缩小我已发布的代码,因此其他人可以阅读我的代码并查看正在发生的事情,其次,按位运算比parseInt快得多。
vsync

5
@vsync-确保您在所有浏览器上测试该声明,我个人认为+更具可读性...如果测试,大多数最新浏览器在两种方式上的差异都可以忽略不计-取决于引擎。此外,您还可以提供.min.js.js如果您想公开代码...请记住,缩小并不是为了避免混淆(或者不应该这样做,因为这样做对此毫无用处),这是为了减少HTTP开销-更快的页面加载速度为您的用户。
尼克·克拉弗

212

适用于现代浏览器的快速浏览器:

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

// [14, 2]`

1
很干净的方法!应该在最前面。
榛子2014年

1
球。棒极了。如此新鲜,如此干净。
2014年

2
+1,仅在需要时添加polyfill以支持较旧的浏览器developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/…–
qdev

1
很好,但这实际上如何工作?您正在传递Number对象,但是我不确定如何将其转换。我以为您需要传递一个函数来进行映射。
Jarg7年

2
是的,没错。Number()是传递给map的函数,它转换值。查看Todd的答案以获取更多详细信息。
xer0x

35

所以...旧线程,我知道,但是...

编辑

@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
手提包baller对我来说足够了。谢谢,托德!
indextwo

5
请注意,如果您的字符串包含一个或多个0,则此方法将不起作用。零将转换为boolean = false,因此布尔值过滤器将不保留它。
罗科·穆索里诺

1
您可以替换.filter(Boolean).filter( (x) => !Number.isNaN(x))
Bob9630 '18

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

5
并非所有浏览器都支持此功能-它将在IE中中断,这是JavaScript 1.6+功能。另外,我在另一个答案中说,始终将基数传递给parseInt()
尼克·克拉弗

2
我非常期待何时可以.map在任何浏览器中使用JS和类似版本而无需其他库。
日航

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
您应始终将radix参数传递给parseInt(),否则可能会在其中获得八进制数。
尼克·克拉弗

如果字符串不是以开头00x则应该没问题。
Marcus Whybrow

1
如果他们不这样做(请参阅您如何在假设上加上前缀?)...为什么还要添加三个字符以使其在所有这些情况下都正确?
尼克·克拉弗

3

反对parseInt-approach的观点:

无需使用lambda和/或将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. parseInt-approach-不这样做时,它会更快一点并利用缓存的优势

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

更好的单线解决方案:

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
这得到的是字符串数组,而不是数字数组。
尼克·克拉弗

噢,是的,误读了。接下来,请参阅Marcus Whybrow或Nick Craver的答案。
pyvi
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.