JavaScript | แปลง string เป็น number ได้ง่าย ๆ ด้วยเครื่องหมายบวก
![JavaScript | แปลง string เป็น number ได้ง่าย ๆ ด้วยเครื่องหมายบวก](/_next/image?url=https%3A%2F%2Fsennalabs.s3.ap-southeast-1.amazonaws.com%2Fblogs%2F108-JavaScript_%25C3%25A0%25C2%25B9%25C2%2581%25C3%25A0%25C2%25B8%25C2%259B%25C3%25A0%25C2%25B8%25C2%25A5%25C3%25A0%25C2%25B8%25C2%2587string%25C3%25A0%25C2%25B9%25C2%2580%25C3%25A0%25C2%25B8%25C2%259B%25C3%25A0%25C2%25B9%25C2%2587%25C3%25A0%25C2%25B8%25C2%2599number%25C3%25A0%25C2%25B9%25C2%2584%25C3%25A0%25C2%25B8%25C2%2594%25C3%25A0%25C2%25B9%25C2%2589%25C3%25A0%25C2%25B8%25C2%2587%25C3%25A0%25C2%25B9%25C2%2588%25C3%25A0%25C2%25B8%25C2%25B2%25C3%25A0%25C2%25B8%25C2%25A2%25C3%25A0%25C2%25B9%25C2%2586%25C3%25A0%25C2%25B8%25C2%2594%25C3%25A0%25C2%25B9%25C2%2589%25C3%25A0%25C2%25B8%25C2%25A7%25C3%25A0%25C2%25B8%25C2%25A2%25C3%25A0%25C2%25B9%25C2%2580%25C3%25A0%25C2%25B8%25C2%2584%25C3%25A0%25C2%25B8%25C2%25A3%25C3%25A0%25C2%25B8%25C2%25B7%25C3%25A0%25C2%25B9%25C2%2588%25C3%25A0%25C2%25B8%25C2%25AD%25C3%25A0%25C2%25B8%25C2%2587%25C3%25A0%25C2%25B8%25C2%25AB%25C3%25A0%25C2%25B8%25C2%25A1%25C3%25A0%25C2%25B8%25C2%25B2%25C3%25A0%25C2%25B8%25C2%25A2%25C3%25A0%25C2%25B8%25C2%259A%25C3%25A0%25C2%25B8%25C2%25A7%25C3%25A0%25C2%25B8%25C2%2581-Sennalabs_1725348305660.png&w=3840&q=75)
สวัสดีชาว Programmer ทุกท่านนะคะ หลายคนคงทราบกันดีอยู่แล้วว่า การที่เราจะเปลี่ยนชนิดของตัวแปร String เป็น Number นั้นได้มีหลายวิธีมาก ๆ ไม่ว่าจะเป็น Number (), ParseInt () หรือ ParseFloat () ก็ตาม โดยวันนี้เราจะมานำเสนอวิธีการแปลงค่า String เป็น Number ง่าย ๆ ด้วยเครื่องหมายบวก (+) กัน
ตัวอย่างการแปลง String เป็น Number
จากตัวอย่างจะเห็นได้ว่า โค้ดด้านบนเราสามารถนำเครื่องหมายบวก (+) วางไว้ที่ด้านหน้าของ Value ที่ต้องการจะเปลี่ยนเป็น Number ได้เลย ซึ่งเครื่องหมายบวกนี้สามารถเปลี่ยนตัวแปรชนิด String, Boolean และ Numeric String เป็น Number ได้เลย แต่ก็ยังมีข้อจำกัดบางเรื่องที่ไม่สามารถใช้เครื่องหมายบวกได้
ตัวอย่างข้อจำกัดในการใช้เรื่องหมายบวก
จากตัวอย่างโค้ดด้านบน เราแสดงให้เห็นว่าเราไม่สามารถนำเอาเครื่องหมายบวกไว้ข้างหน้า Value ที่เป็นชนิด String เปล่า (“”) หรือ String ที่มีตัวอักษร และ Object ที่ว่างได้ เพราะมันจะได้ผลลัพธ์เป็น NaN นั่นเอง
วิธีการนำไปใช้ใน
จากตัวอย่างโค้ดด้านบน เราต้องการหาข้อมูล animalId = “1”
ในตัวแปร animals เราจึงใช้เงื่อนไข animal.id === animalId
เพื่อให้ method ได้ return ค่าผลลัพธ์ตามเงื่อนไขที่เราเขียนไว้ ซึ่งถ้าหากเราใช้แบบตัวอย่างที่ 1 ผลลัพธ์ที่ออกมาจะได้ undefinded แต่ถ้าเราทำตามตัวอย่างที่ 2 เราจะได้ผลลัพธ์ที่เราต้องการ แถมไม่ต้องเขียนโค้ดให้ยุ่งยากอีกด้วย
หากใครสนใจอ่านเกี่ยวกับ find method เพิ่มเติมสามารถอ่านได้ที่ Array Method in JavaScript นะคะ
![Senna Labs](/_next/image?url=%2Fsenalabs.jpg&w=3840&q=75)
![](/_next/image?url=%2Fimages%2Fsubscribe.webp&w=3840&q=75)
Subscribe to follow product news, latest in technology, solutions, and updates
บทความอื่นๆ
![JS class syntax](/_next/image?url=https%3A%2F%2Fsennalabs.s3.ap-southeast-1.amazonaws.com%2Fblogs%2F94-JSclasssyntax-Sennalabs_1725345506763.png&w=3840&q=75)
![15 สิ่งที่ทุกธุรกิจต้องรู้เกี่ยวกับ 5G](/_next/image?url=https%3A%2F%2Fsennalabs.s3.ap-southeast-1.amazonaws.com%2Fblogs%2F114-15%25C3%25A0%25C2%25B8%25C2%25AA%25C3%25A0%25C2%25B8%25C2%25B4%25C3%25A0%25C2%25B9%25C2%2588%25C3%25A0%25C2%25B8%25C2%2587%25C3%25A0%25C2%25B8%25C2%2597%25C3%25A0%25C2%25B8%25C2%25B5%25C3%25A0%25C2%25B9%25C2%2588%25C3%25A0%25C2%25B8%25C2%2597%25C3%25A0%25C2%25B8%25C2%25B8%25C3%25A0%25C2%25B8%25C2%2581%25C3%25A0%25C2%25B8%25C2%2598%25C3%25A0%25C2%25B8%25C2%25B8%25C3%25A0%25C2%25B8%25C2%25A3%25C3%25A0%25C2%25B8%25C2%2581%25C3%25A0%25C2%25B8%25C2%25B4%25C3%25A0%25C2%25B8%25C2%2588%25C3%25A0%25C2%25B8%25C2%2595%25C3%25A0%25C2%25B9%25C2%2589%25C3%25A0%25C2%25B8%25C2%25AD%25C3%25A0%25C2%25B8%25C2%2587%25C3%25A0%25C2%25B8%25C2%25A3%25C3%25A0%25C2%25B8%25C2%25B9%25C3%25A0%25C2%25B9%25C2%2589%25C3%25A0%25C2%25B9%25C2%2580%25C3%25A0%25C2%25B8%25C2%2581%25C3%25A0%25C2%25B8%25C2%25B5%25C3%25A0%25C2%25B9%25C2%2588%25C3%25A0%25C2%25B8%25C2%25A2%25C3%25A0%25C2%25B8%25C2%25A7%25C3%25A0%25C2%25B8%25C2%2581%25C3%25A0%25C2%25B8%25C2%25B1%25C3%25A0%25C2%25B8%25C2%259A5G-Sennalabs_1725348410160.png&w=3840&q=75)
![จัดการ Array ด้วย Javascript (Clone Deep)](/_next/image?url=https%3A%2F%2Fsennalabs.s3.ap-southeast-1.amazonaws.com%2Fblogs%2F104-%25C3%25A0%25C2%25B8%25C2%2588%25C3%25A0%25C2%25B8%25C2%25B1%25C3%25A0%25C2%25B8%25C2%2594%25C3%25A0%25C2%25B8%25C2%2581%25C3%25A0%25C2%25B8%25C2%25B2%25C3%25A0%25C2%25B8%25C2%25A3Array%25C3%25A0%25C2%25B8%25C2%2594%25C3%25A0%25C2%25B9%25C2%2589%25C3%25A0%25C2%25B8%25C2%25A7%25C3%25A0%25C2%25B8%25C2%25A2Javascript%2528CloneDeep%2529-Sennalabs_1725348075024.png&w=3840&q=75)
Let’s build digital products that are simply awesome !
We will get back to you within 24 hours!ติดต่อเรา![](/_next/image?url=%2Fimages%2Ftell-us-arrow.webp&w=384&q=75)
![Contact ball](/_next/image?url=%2Fimages%2Fcontact-ball.webp&w=3840&q=75)
![Contact us bg 2](/_next/image?url=%2Fimages%2Fcontact-us-bg-2.webp&w=3840&q=75)
![Contact us bg 4](/_next/image?url=%2Fimages%2Fcontact-us-bg-4.webp&w=3840&q=75)
![Contact us bg 1](/_next/image?url=%2Fimages%2Fcontact-us-bg-1.webp&w=3840&q=75)
![Ball left](/_next/image?url=%2Fimages%2Fball-left.png&w=1080&q=75)
![Ball right](/_next/image?url=%2Fimages%2Fball-right.png&w=1920&q=75)
![Ball left](/_next/image?url=%2Fimages%2Fball-left.png&w=256&q=75)
![Ball right](/_next/image?url=%2Fimages%2Fball-right.png&w=384&q=75)
![Sennalabs gray logo](/_next/image?url=%2Fimages%2Fsennalabs-gray-logo.webp&w=256&q=75)