将字符串转换为整数数组

Question

我想将以下字符串'14 2'转换为包含两个整数的数组。如何操作呢？

- user425243

Answer 1

现代浏览器可轻松实现：

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

// [14, 2]`

- xer0x

---

非常干净的方式！应该是最好的。 - hazelnut

球。太棒了。如此新鲜，如此干净。 - Todd

如果需要，只需添加polyfill以支持旧浏览器即可。+1 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/map#Polyfill - qdev

不错，但这实际上是如何工作的？你正在传递Number对象，但我不确定它是如何转换的。我以为你需要传递一个函数来进行映射。 - Jarg7

没错，Number()是传递给map的函数，并且它会将值转换为数字类型。查看Todd的答案以获取更多细节。 - xer0x

Answer 2

您可以使用.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); } 

- Nick Craver

---

使用位运算和更短的循环，将 for(var i=myArray.length; i--;) myArray[i] = myArray[i]|0; 翻译为：for(var i=myArray.length; i--;) myArray[i] = ~~myArray[i];。 - vsync

或者使用ES5：myArray.forEach(function(x,y,z){ z[y]=x|0 }) - vsync

@vsync - 当任何编译器要进一步缩短它的长度时，为什么要使维护它变得困难呢？ :) 明确易懂值得多花一些字节，特别是一旦被压缩，它实际上不会更长，甚至可能更短。 - Nick Craver

因为我不会压缩我的发布代码，这样其他人就可以阅读我的代码并了解发生了什么，而且位运算比parseInt更快。 - vsync

@vsync - 请确保在所有浏览器上测试该声明，我个人认为“+”符号更易读...如果您进行测试，在大多数最新的浏览器中，差异微不足道，这取决于引擎。此外，如果你想公开你的代码，你可以提供一个.min.js和.js文件。请记住，代码压缩并不是为了使代码难以理解（或者不应该是），而是为了减少HTTP开销，从而更快地加载页面以便于用户使用。 - Nick Craver

Answer 3

虽然这是一个旧帖子，但我还是想回复一下...

编辑

@RoccoMusolino 指出了一个不错的问题，这里提供另一种方法：

简而言之：

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

WRONG: "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]

显然，你需要一个纯整数数组，这是一个问题。老实说，我直到将 SO 代码复制粘贴到我的脚本中才注意到这个问题... :/

稍微不那么炫酷的 解决方法：

---

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

所以，现在即使您有一个糟糕的int字符串，输出也是一个纯整数数组。其他情况下可能更加优美，但我想提供我的大多啰嗦的w'actually。尽管如此，这仍然是一个一行代码的解决方案，可以算作我的功劳...

希望它能为某人节省时间！

- Todd

---

对我来说，这个编程非常专业。感谢你，托德！ - indextwo

注意，如果您的字符串包含一个或多个0，则此方法将无法正常工作。 0会被转换为布尔值false，因此布尔筛选器将忽略它。 - Rocco Musolino

你可以用 .filter( (x) => !Number.isNaN(x)) 替换 .filter(Boolean)。 - Bob9630

Answer 4

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

- amillara

---

并非所有浏览器都支持这个功能 - 在IE中会出错，这是JavaScript 1.6+的特性。此外，我在另一个答案中提到，parseInt() 函数应该始终传递一个进制参数。 - Nick Craver

我非常期待能够在任何浏览器中使用.map和类似的JS功能，而无需额外的库。 - JAL

IE之所以存在，是因为我们支持它。停止这种痛苦吧！ - Xilmiki

Answer 5

一个替代Tushar Gupta答案的方法是：

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

// [14, 2]`

在代码高尔夫比赛中，你可以省略一个字符。 这里的“+”是“一元加”运算符，类似于parseInt。

- Yann Rolland

Answer 6

使用parseInt方法的缺点:

不需要使用lambda表达式或给parseInt方法传递radix参数，可以使用parseFloat或Number方法代替。

---

原因:

1. It's working:

   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. It's shorter.

3. It's a tiny bit quickier and takes advantage of cache, when parseInt-approach - doesn't:

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

- ankhzet

Answer 7

首先按空格分割字符串：

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

然后将字符串结果数组转换为整数：

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

- Marcus Whybrow

---

你应该总是向 parseInt() 传递一个基数参数，否则可能会得到八进制数。 - Nick Craver

如果字符串不以0或0x开头，那么就没问题。 - Marcus Whybrow

如果他们不这样做（你是如何在前面加上这个假设的？）...为什么不再添加三个字符，以使其对所有这些情况都正确呢？ - Nick Craver

Answer 8

如果数字之间可以用多个空格分隔，则最安全的方法是使用一个或多个连续的空白字符（包括制表符和普通空格）来拆分字符串。使用正则表达式，可以写成\s+。

然后，您可以使用Number函数将每个元素map转换。请注意，parseInt不能工作（即arr.map(parseInt)），因为map将三个参数传递给映射函数：元素、索引和原始数组。parseInt将第二个参数作为基数或进制，因此它最终会将索引作为基数，从而在结果中产生许多NaN。但是，Number忽略除第一个参数外的任何参数，因此它可以直接起作用。

const str = '1\t\t2   3 4';
const result = str.split(/\s+/).map(Number); //[1,2,3,4]

使用 Array#filter 和 isNaN 可以一起过滤掉非数字元素。

const str = '1\t\t2   3 ab  4 c';
const result = str.split(/\s+/).map(Number).filter(x => !isNaN(x)); //[1,2,3,4]

你也可以使用匿名函数作为映射回调，并使用一元加运算符将每个元素转换为数字。

const str = '1\t\t2   3 4';
const result = str.split(/\s+/).map(x => +x); //[1,2,3,4]

使用匿名函数作为回调函数，你可以决定使用什么参数，因此parseInt也可以工作。

const str = '1\t\t2   3 4';
const result = str.split(/\s+/).map(x => parseInt(x)); //[1,2,3,4]

- Unmitigated

Answer 9

仅仅为了好玩，我想也提供一个forEach(f()) 的解决方案。

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

// a = [14,2]

- ocodo

Answer 10

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

- Ahmed Said

---

尽管这段代码可以回答问题，但是提供关于它如何以及为什么解决了问题的额外上下文会增加答案的长期价值。 - Badacadabra