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

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

我的示例代码

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

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

我用过parseInt(count_array); ,但是失败了。 JS将这个数组中的每个值视为string。

6 Solutions collect form web for “如何将数组中的所有元素转换为JavaScript中的整数?”

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

 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 

你可以在这里testing一下 。 如果+ ,正在抛出,认为它是:

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

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

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

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

你可以做

 var arrayOfNumbers = arrayOfStrings.map(Number); 
  • MDN Array.prototype.map

对于不支持Array.map的旧版浏览器,可以使用Underscore

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

只需循环数组并转换项目:

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

不要忘记parseInt的第二个参数。

反对parseInt -approach的观点:

不需要使用lambdas和/或给parseInt提供radix参数,只需使用parseFloatNumber


原因:

  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 – 不是这样的时候,它会更快一些并利用caching

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

使用jQuery,你可以像这样使用map()方法 ;

  $.map(arr, function(val,i) { return parseInt(val); }); 
  • 如何在不使用window.stop()的情况下放弃image <img>加载请求
  • fancybox2 / fancybox导致页面跳转到顶部
  • jqueryselect器来计算可见表行的数量?
  • 正确的方式来使用jQueryanimation盒子阴影
  • 通过点击Enter阻止用户提交表单
  • 如何在jQuery中发送Ajax请求的FormData对象?
  • jQuery的:设置下拉列表的选定值?
  • 为什么我发现JavaScript / jQuery如此难以正确?
  • 如何获得$(this)select器的孩子?
  • 如何处理button在jQuery中点击事件?
  • WebKit问题与event.layerX和event.layerY