如何将数字字符串转换为数字数组?

2020/10/17 23:21 · javascript ·  · 0评论

我有下面的字符串-

var a = "1,2,3,4";

当我做 -

var b = a.split(',');

我得到b["1", "2", "3", "4"]

我可以做一些事来报复b[1, 2, 3, 4]

我给高尔夫球手的2美分:

b="1,2,3,4".split`,`.map(x=>+x)

backquote是乱码,所以我们可以省略括号(由于split函数的性质),但是它等效于split(',')字符串现在是一个数组,我们只需要使用返回字符串整数的函数来映射每个值,因此x=>+x(它甚至比Number函数(5个字符而不是6个字符))等效于:

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

我希望这更加清楚。

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

将其映射为整数:

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

+string将尝试将字符串更改为数字。然后使用Array.map函数更改每个元素。

"1,2,3,4".split(',').map(function(el){ return +el;});

Array.from()有关详细信息,请转到MDN

var a = "1,2,3,4";
var b = Array.from(a.split(','),Number);

b 是一个数字数组

一个更短的解决方案:映射并将参数传递给Number

var a = "1,2,3,4";
var b = a.split(',');
console.log(b);
var c = b.map(Number);
console.log(c);

这很简单,例如:

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

一支班轮

Array.from(a.split(','), Number)

无需使用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

作为变体,您可以使用lodash库中combiantion_.map_.ary方法整个转型将更加紧凑。这是官方文档中的示例

_.map(['6', '8', '10'], _.ary(parseInt, 1));
// → [6, 8, 10]

下划线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);

Matt Zeunert的使用Arraw功能的版本(ES6)

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

由于所有答案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.

您可以使用JSON.parse,添加刹车来格式化Array

const a = "1,2,3,4";
const myArray = JSON.parse(`[${a}]`)
console.log(myArray)
console.info('pos 2 = ',  myArray[2])
本文地址:http://javascript.askforanswer.com/ruhejiangshuzizifuchuanzhuanhuanweishuzishuzu.html
文章标签: ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!