如何在JavaScript中将数组中的所有元素转换为整数?


71

经过一些操作后,我得到一个数组。我需要将所有数组值转换为整数。

我的示例代码

var result_string = 'a,b,c,d|1,2,3,4';
result = result_string.split("|");
alpha = result[0];
count = result[1];
// console.log(alpha);
// console.log(count);
count_array = count.split(",");

count_array现在包含,1,2,3,4但我需要这些值为整数。

我曾经使用过parseInt(count_array);,但是失败了。JS将此数组中的每个值视为字符串。

Answers:


24

您需要遍历并解析/转换数组中的元素,如下所示:

var result_string = 'a,b,c,d|1,2,3,4',
    result = result_string.split("|"),
    alpha = result[0],
    count = result[1],
    count_array = count.split(",");
for(var i=0; i<count_array.length;i++) count_array[i] = +count_array[i];
//now count_array contains numbers

您可以在这里进行测试。如果+抛出,请考虑为:

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

3
实际上,parseInt("8foo", 10)return8+"8foo"return NaN。我喜欢您的方法,实际上对无效数字更严格。
阿尔瓦罗·冈萨雷斯

1
我可能还会建议使用类似的方法"74" >> 0,即按零右移。做得好,很严格,比其他方法效率更高。效率第二好的选择是进行“非不”操作:~~"74"
鲁宾·马丁内斯(Ruben Martinez Jr.)

@RubenMartinezJr。并不是那么严格,因为"Not a number" >> 0 == 0
Kian

141

ECMAScript5提供了的map方法Array,将函数应用于数组的所有元素。这是一个例子:

var a = ['1','2','3']
var result = a.map(function (x) { 
  return parseInt(x, 10); 
});

console.log(result);

有关更多信息,请检查https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array/map


6
对于兼容性问题,请注意Array.map()方法在IE8及以下版本中不可用
2013年

5
如果您使用像这样或什至这样的箭头功能会更好a = a.map((x) =>parseInt(x));a = a.map((x) => +x);
Muhammad Musavi

1
@ Mohammadlm71我在使用箭头功能的IE中遇到问题
Tom McDonough

@MohammadMusavi箭头功能在IE11中不起作用
Y4glory

87

你可以做

var arrayOfNumbers = arrayOfStrings.map(Number);

对于旧的浏览器不支持Array.map,您可以使用下划线

var arrayOfNumbers = _.map(arrayOfStrings, Number);

2
非常好。如果使用下划线(对于不支持Array.map的旧浏览器),可以这样做var newArray = _.map(oldArray, Number);
Anh Tran

下划线对我不起作用,我使用的是更新的Chrome版本80.0.3987.132,我正在获取_ is not defined
Olawale Oladiran

非常好。这是如何运作的?通常,地图具有以下功能:val => Number(val)
Dror Bar

32

var arr = ["1", "2", "3"];
arr = arr.map(Number);
console.log(arr); // [1, 2, 3]


这是一个正确的答案,但是与已经有47个投票的该问题的另一个答案基本没有不同。此外,如果答案包括对代码意图的解释,以及为什么不引入其他代码就能解决问题的原因,则答案会更有帮助。
汤姆·阿兰达

@TomAranda Oops,我的错……这是我的第一篇答覆,所以我可能有点太急于投入我的2美分。在提交我自己的答案之前,应该仔细阅读所有答案。感谢您的反馈!我会牢记这一点。
chzwzrd

好答案!保持
现状


6

反对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


5
var inp=readLine();//reading the input as one line string
var nums=inp.split(" ").map(Number);//making an array of numbers
console.log(nums);`

输入:1 9 0 65 5 7输出:[1,9,0,65,5,7]

如果我们不使用怎么办 .map(Number)

var inp=readLine();//reading the input as one line string
var nums=inp.split(" ");//making an array of strings
console.log(nums);

输入:1 9 0 65 5 7输出:['1','9','0','65','5','7']


3
const arrString = ["1","2","3","4","5"];
const arrInteger = arrString.map(x => Number.parseInt(x, 10));

以上一个应该足够简单

棘手的一部分是当您尝试对地图使用无点功能时,如下所示

const arrString = ["1","2","3","4","5"];
const arrInteger = arrString.map(Number.parseInt);

在这种情况下,结果将是[1, NaN, NaN, NaN, NaN]因为函数参数签名为mapparseInt不同

地图期望(value, index, array)-parseInt期望的位置- (value, radix)


3

如果要将数字数组转换为单个数字,请使用:

Number(arrayOfDigits.join(''));

const arrayOfDigits = [1,2,3,4,5];

const singleNumber = Number(arrayOfDigits.join(''));

console.log(singleNumber); //12345

1

这个怎么样:

let x = [1,2,3,4,5]
let num = +x.join("")

0

使用jQuery,您可以喜欢这样的map()方法

 $.map(arr, function(val,i) { 
     return parseInt(val); 
 });
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.