แปลงสตริงเป็นอาร์เรย์ของจำนวนเต็ม


92

ฉันต้องการแปลงสตริงต่อไปนี้'14 2'เป็นอาร์เรย์ของจำนวนเต็มสองจำนวน ฉันจะทำมันได้อย่างไร?

คำตอบ:


88

คุณสามารถ.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); } 

5
สั้นกว่า: for(var i=myArray.length; i--;) myArray[i] = myArray[i]|0;ใช้การแปลงแบบบิตและการวนซ้ำที่สั้นกว่า
vsync

1
หรือ ES5:myArray.forEach(function(x,y,z){ z[y]=x|0 })
vsync

3
@vsync - แน่นอน ... แต่เมื่อใดก็ตามที่คอมไพเลอร์จะย่อให้สั้นลงกว่านั้นทำไมต้องดูแลรักษามันให้เจ็บปวด? :) ความชัดเจนมีค่าเพียงไม่กี่ไบต์โดยเฉพาะอย่างยิ่งเมื่อมันไม่นานมากนักหากลดขนาดลง
Nick Craver

เพราะในครั้งเดียวฉันไม่ได้ย่อขนาดโค้ดที่เผยแพร่ดังนั้นคนอื่น ๆ จึงสามารถอ่านโค้ดของฉันและดูว่าเกิดอะไรขึ้นและอย่างที่สองการทำงานแบบบิตเร็วกว่า parseInt มาก
vsync

5
@vsync - ตรวจสอบให้แน่ใจว่าคุณทดสอบการอ้างสิทธิ์ในเบราว์เซอร์ทั้งหมดโดยส่วนตัวแล้วฉันพบว่า + อ่านได้ง่ายขึ้น ... และหากคุณทดสอบเบราว์เซอร์ล่าสุดส่วนใหญ่จะมีความแตกต่างเล็กน้อยไม่ว่าจะด้วยวิธีใดขึ้นอยู่กับเครื่องยนต์ นอกจากนี้คุณสามารถเสนอ.min.jsและ.jsหากคุณต้องการเปิดเผยรหัสของคุณ ... โปรดจำไว้ว่าการย่อขนาดไม่ได้มีไว้เพื่อความคลุมเครือ (หรือไม่ควรเป็นเพราะมันไร้ประโยชน์สำหรับสิ่งนั้น) เพื่อลดค่าใช้จ่าย HTTP - โหลดหน้าเว็บได้เร็วขึ้น สำหรับผู้ใช้ของคุณ
Nick Craver

213

โปรแกรมด่วนสำหรับเบราว์เซอร์สมัยใหม่:

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

// [14, 2]`

1
วิธีสะอาดมาก! ควรเป็นอันดับต้น ๆ
เฮเซลนัท

1
ลูกบอล. ที่น่ากลัว. สดและสะอาดมาก
ทอดด์

2
+1 และเพิ่ม polyfill สำหรับการรองรับเบราว์เซอร์รุ่นเก่าหากต้องการdeveloper.mozilla.org/en-US/docs/Web/JavaScript/Reference/…
qdev

1
ดี แต่มันใช้งานได้จริงอย่างไร? คุณกำลังส่งออบเจ็กต์ Number แต่ฉันไม่แน่ใจว่ามันแปลงอย่างไร ฉันคิดว่าคุณต้องผ่านฟังก์ชันเพื่อแมป
Jarg7

2
ใช่ถูกต้อง Number () คือฟังก์ชันที่ส่งไปยังแมปและจะแปลงค่า ดูคำตอบของ Todd สำหรับรายละเอียดเพิ่มเติม
xer0x

35

งั้น ... กระทู้เก่ารู้แต่ว่า ...

แก้ไข

@RoccoMusolino มีความสุขมาก นี่คือทางเลือก:

TL; DR:

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

ผิด :"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]

เนื่องจากคุณต้องการอาร์เรย์ PURE int อย่างชัดเจนนั่นจึงเป็นปัญหา จริงๆแล้วฉันไม่เข้าใจสิ่งนี้จนกว่าฉันจะคัดลอกโค้ด SO ลงในสคริปต์ของฉัน


การแก้ไข (นักบัลเล่ต์เล็กน้อย) :


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

ดังนั้นแม้ว่าคุณจะมีสตริง int crap ผลลัพธ์ของคุณจะเป็นอาร์เรย์จำนวนเต็มล้วน ส่วนใหญ่แล้วคนอื่น ๆ ก็เซ็กซี่มาก แต่ฉันก็อยากจะเสนอความเป็นตัวของตัวเอง มันยังคงเป็นซับเดียวสำหรับเครดิตของฉัน ...

หวังว่าจะช่วยประหยัดเวลาของใครบางคน!


1
Totes baller เพียงพอสำหรับฉัน ขอบคุณ Todd!
indextwo

5
ระวังการดำเนินการนี้จะใช้ไม่ได้หากสตริงของคุณมี 0 อย่างน้อยหนึ่งตัวแปลเป็นศูนย์บูลีน = เท็จดังนั้นตัวกรองบูลีนจะไม่เก็บไว้
Rocco Musolino

1
คุณสามารถแทนที่.filter(Boolean)ด้วย.filter( (x) => !Number.isNaN(x))
Bob9630

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

5
ไม่ใช่ทุกเบราว์เซอร์ที่รองรับสิ่งนี้ - มันจะพังใน IE ซึ่งเป็นคุณสมบัติของ JavaScript 1.6+ นอกจากนี้ฉันยังพูดในคำตอบอื่นให้ส่งเลขฐานไปparseInt()เสมอ
Nick Craver

2
ฉันหวังเป็นอย่างยิ่งว่าเมื่อใดที่เราสามารถใช้.mapและคล้ายกับ JS ในเบราว์เซอร์ใดก็ได้โดยไม่ต้องมีไลบรารีเพิ่มเติม
JAL

5

ทางเลือกอื่นสำหรับคำตอบของ Tushar Gupta คือ:

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

// [14, 2]`

ในโค้ดกอล์ฟคุณบันทึกอักขระ 1 ตัว ในที่นี้ "+" คือโอเปอเรเตอร์ "unary plus" ทำงานเหมือน parseInt


3

ขั้นแรกแยกสตริงในช่องว่าง:

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

จากนั้นแปลงอาร์เรย์ผลลัพธ์ของสตริงเป็นจำนวนเต็ม:

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

2
คุณควรส่งอาร์กิวเมนต์parseInt()เรดิกซ์ไปให้เสมอมิฉะนั้นคุณอาจได้รับเลขฐานแปดในนั้น
Nick Craver

หากสตริงไม่ได้ขึ้นต้นด้วย0หรือ0xควรจะไม่เป็นไร
Marcus Whybrow

1
ถ้าไม่มี (ดูว่าคุณนำหน้าด้วยสมมติฐานอย่างไร) ... ทำไมต้องเพิ่มอักขระ 3 ตัวเพื่อให้ถูกต้องสำหรับทุกกรณีด้วย?
Nick Craver

3

ประเด็นต่อต้านparseInt-approach:

ไม่จำเป็นต้องใช้ 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


0

เพื่อความสนุกสนานฉันคิดว่าจะใช้forEach(f())วิธีแก้ปัญหาด้วย

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

// a = [14,2]

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

แม้ว่ารหัสนี้อาจตอบคำถามได้ แต่การให้บริบทเพิ่มเติมเกี่ยวกับวิธีการและ / หรือเหตุผลในการแก้ปัญหาจะช่วยเพิ่มมูลค่าในระยะยาวของคำตอบ
Badacadabra

0

โซลูชันบรรทัดเดียวที่ดีกว่า:

var answerInt = [];
var answerString = "1 2 3 4";
answerString.split(' ').forEach(function (item) {
   answerInt.push(parseInt(item))
});

นั่นไม่ใช่สตริง
delroh

-3

เราแยกฟังก์ชั่น :

var splitresult = "14 2".split(" ");

3
สิ่งนี้ได้รับอาร์เรย์ของสตริงไม่ใช่ตัวเลข
Nick Craver

Ouups ใช่อ่านผิด ดูคำตอบของ Marcus Whybrow หรือ Nick Craver สำหรับส่วนที่เหลือแล้ว
pyvi
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.