วิธีแปลงสตริงของตัวเลขเป็นอาร์เรย์ของตัวเลข?

ฉันมีสตริงด้านล่าง -

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 คือสตริง litteral เพื่อให้เราสามารถละเว้นวงเล็บ (เพราะธรรมชาติของฟังก์ชั่นแยก) 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))

ในฐานะที่เป็นตัวแปรที่คุณสามารถใช้ combiantion _.mapและ_.aryวิธีการจากห้องสมุด lodash การเปลี่ยนแปลงทั้งหมดจะมีขนาดเล็กลง นี่คือตัวอย่างจากเอกสารอย่างเป็นทางการ :

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

ไม่จำเป็นต้องใช้ lambdas และ / หรือให้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

วิธีการขีดเส้นใต้ 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 พร้อมฟังก์ชั่น use arraw (ES6)

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

หนึ่งในสายการบิน

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

เนื่องจากคำตอบทั้งหมดอนุญาตให้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.