วิธีที่ดีที่สุดในการแปลงตัวเลขเป็นสตริงใน JavaScript คืออะไร

อะไรคือ "วิธีที่ดีที่สุด" ในการแปลงตัวเลขเป็นสตริง (ในแง่ของความได้เปรียบด้านความเร็วความได้เปรียบที่ชัดเจนความได้เปรียบของหน่วยความจำ ฯลฯ )

ตัวอย่างบางส่วน:

1. String(n)

2. n.toString()

3. ""+n

4. n+""

แบบนี้:

var foo = 45;
var bar = '' + foo;

ที่จริงแล้วถึงแม้ว่าฉันมักจะทำแบบนี้เพื่อความสะดวกง่าย ๆ แต่การวนซ้ำกว่า 1,000 ครั้งที่ปรากฏขึ้นเพื่อความรวดเร็วมีข้อดีสำหรับ.toString()

ดูการทดสอบประสิทธิภาพที่นี่ (ไม่ใช่โดยฉัน แต่พบได้เมื่อฉันเขียนเอง): http://jsben.ch/#/ghQYR

เร็วที่สุดจากการทดสอบ JSPerf ด้านบน: str = num.toString();

มันควรจะตั้งข้อสังเกตว่าแตกต่างในความเร็วที่ไม่ได้เป็นอย่างมีนัยสำคัญมากเกินไปเมื่อคุณพิจารณาว่าจะสามารถทำแปลงทางใดทางหนึ่ง1 ล้านครั้งใน 0.1 วินาที

อัปเดต:ความเร็วดูเหมือนจะแตกต่างกันอย่างมากจากเบราว์เซอร์ ใน Chrome num + ''ดูเหมือนว่าจะเร็วที่สุดตามการทดสอบนี้http://jsben.ch/#/ghQYR

อัปเดต 2:อีกครั้งจากการทดสอบของฉันข้างต้นควรสังเกตว่า Firefox 20.0.1 ทำงาน.toString()ช้ากว่า'' + numตัวอย่างประมาณ 100 เท่า

ในความคิดของฉันn.toString()รับรางวัลเพื่อความชัดเจนและฉันไม่คิดว่ามันจะมีค่าใช้จ่ายเพิ่มเติมใด ๆ

การแปลงอย่างชัดเจนมีความชัดเจนสำหรับคนที่ไม่คุ้นเคยกับภาษา การใช้ประเภทการข่มขู่ตามที่คนอื่นแนะนำจะนำไปสู่ความกำกวมหากนักพัฒนาไม่ได้ตระหนักถึงกฎการบีบบังคับ ท้ายที่สุดเวลาของนักพัฒนาซอฟต์แวร์นั้นมีค่าใช้จ่ายสูงกว่าเวลา CPU ดังนั้นฉันจะปรับให้เหมาะที่สุดสำหรับค่าใช้จ่ายในอดีต ที่ถูกกล่าวว่าในกรณีนี้ความแตกต่างนั้นมีความสำคัญน้อยมาก แต่ถ้าไม่ใช่ฉันมั่นใจว่ามีตัวบีบอัด JavaScript ที่เหมาะสมที่จะปรับสิ่งเหล่านี้ให้เหมาะสม

ดังนั้นด้วยเหตุผลดังกล่าวข้างต้นผมไปกับ: หรือ n.toString() อาจเป็นทางเลือกที่ดีกว่าเพราะจะไม่ล้มเหลวหากเป็นโมฆะหรือไม่ได้กำหนดString(n)String(n)n

... โปรแกรมแยกวิเคราะห์ของจาวาสคริปต์พยายามที่จะแยกวิเคราะห์สัญกรณ์จุดในตัวเลขเป็นตัวอักษรจุดลอยตัว

2..toString(); // the second point is correctly recognized
2 .toString(); // note the space left to the dot
(2).toString(); // 2 is evaluated first

แหล่ง

เห็นได้ชัดว่าลิ้นในแก้ม:

var harshNum = 108;
"".split.call(harshNum,"").join("");

หรือใน ES6 คุณสามารถใช้เทมเพลตสตริง :

var harshNum = 108;
`${harshNum}`;

คำตอบอื่น ๆ ครอบคลุมตัวเลือกอื่น ๆ อยู่แล้ว แต่ฉันชอบสิ่งนี้:

s = `${n}`

สั้นกระชับใช้อยู่แล้วในหลาย ๆ ที่ (ถ้าคุณใช้เฟรมเวิร์กสมัยใหม่ / เวอร์ชั่น ES) ดังนั้นจึงเป็นเรื่องที่ปลอดภัยที่นักเขียนโปรแกรมจะเข้าใจ

ไม่ว่ามัน (ปกติ) ที่สำคัญมาก แต่ก็ยังน่าจะเป็นในหมู่ที่เร็วที่สุดเมื่อเทียบกับวิธีการอื่น ๆ

วิธีที่ง่ายที่สุดในการแปลงตัวแปรให้เป็นสตริงคือการเพิ่มสตริงว่างให้กับตัวแปรนั้น

5.41 + ''    // Result: the string '5.41'
Math.PI + '' // Result: the string '3.141592653589793'

หากคุณต้องการจัดรูปแบบผลลัพธ์เป็นจำนวนทศนิยมเฉพาะเช่นเพื่อเป็นตัวแทนของสกุลเงินคุณต้องมีtoFixed()วิธีเช่นนั้น

number.toFixed( [digits] )

digits คือจำนวนหลักที่จะแสดงหลังจุดทศนิยม

ฉันใช้https://jsperf.comเพื่อสร้างกรณีทดสอบสำหรับกรณีต่อไปนี้:

number + ''
`${number}`
String(number)
number.toString()

https://jsperf.com/number-string-conversion-speed-comparison

ตั้งแต่วันที่ 24 กรกฎาคม 2018 ผลลัพธ์บอกว่าnumber + ''เร็วที่สุดใน Chrome ใน Firefox ที่สัมพันธ์กับตัวอักษรสตริงเทมเพลต

ทั้งสองString(number)และnumber.toString()ช้ากว่าตัวเลือกที่เร็วที่สุดประมาณ 95%

ฉันชอบสองคนแรกเนื่องจากอ่านง่ายกว่า ฉันมักจะใช้String(n)แต่มันเป็นเรื่องของสไตล์มากกว่าสิ่งอื่นใด

นั่นคือถ้าคุณมีสายเป็น

var n = 5;
console.log ("the number is: " + n);

ซึ่งอธิบายตนเองได้มาก

ฉันคิดว่ามันขึ้นอยู่กับสถานการณ์ แต่อย่างไรก็ตามคุณสามารถใช้.toString()วิธีนี้ได้เพราะมันชัดเจนมากที่จะเข้าใจ

.toString () เป็นฟังก์ชั่น typecasting ในตัวฉันไม่มีความเชี่ยวชาญในรายละเอียดนั้น แต่เมื่อใดก็ตามที่เราเปรียบเทียบวิธีการในการส่งคำสั่งแบบหล่อในตัว

หากฉันต้องพิจารณาทุกอย่างฉันจะแนะนำสิ่งต่อไปนี้

var myint = 1;
var mystring = myint + '';
/*or int to string*/
myint = myint + ''

IMHO เป็นวิธีที่เร็วที่สุดในการแปลงเป็นสตริง ถูกต้องฉันถ้าฉันผิด

เพียงวิธีการแก้ปัญหาที่ถูกต้องสำหรับเกือบทั้งหมดที่เป็นไปได้กรณีที่มีอยู่และในอนาคต (input เป็นจำนวนโมฆะไม่ได้กำหนดสัญลักษณ์สิ่งอื่น) String(x)เป็น อย่าใช้ 3 วิธีในการดำเนินการอย่างง่ายโดยอิงตามสมมติฐานประเภทค่าเช่น "ที่นี่ฉันแปลงตัวเลขเป็นสตริงและที่นี่เป็นบูลีนเป็นสตริง"

คำอธิบาย:

String(x)จัดการค่า null, ไม่ได้กำหนด, สัญลักษณ์, [อะไร] และการเรียก.toString()ใช้วัตถุ

'' + xการเรียก.valueOf()ใช้ x (การชี้ไปยังหมายเลข), ใช้สัญลักษณ์เพื่อให้ผลลัพธ์ที่ขึ้นอยู่กับการใช้งาน

x.toString() โยนเป็นโมฆะและไม่ได้กำหนด

หมายเหตุ: จะยังคงล้มเหลวในวัตถุต้นแบบน้อยเช่นString(x)Object.create(null)

หากคุณไม่ชอบสตริงเช่น 'Hello, undefined' หรือต้องการสนับสนุนวัตถุต้นแบบที่น้อยกว่าให้ใช้ฟังก์ชั่นการแปลงประเภทต่อไปนี้:

/**
 * Safely casts any value to string. Null and undefined are converted to ''.
 * @param  {*} value
 * @return {string}
 */
function string (str) {
  return value == null ? '' : (typeof value === 'object' && !value.toString ? '[object]' : String(value));
}

ด้วยตัวอักษรตัวเลขจุดสำหรับการเข้าถึงคุณสมบัติจะต้องแตกต่างจากจุดทศนิยม สิ่งนี้จะทำให้คุณมีตัวเลือกต่อไปนี้หากคุณต้องการเรียกใช้ String () ที่ตัวอักษร 123:

123..toString()
123 .toString() // space before the dot 123.0.toString()
(123).toString()

ด้านล่างเป็นวิธีการแปลงจำนวนเต็มเป็นสตริงใน JS

วิธีการจัดเรียงตามลำดับที่ลดลงของประสิทธิภาพ

(ผลการทดสอบประสิทธิภาพมอบให้โดย @DarckBlezzer ในคำตอบของเขา)

var num = 1

วิธีที่ 1:

num = `$ {num}`

วิธีที่ 2:

num = num + ''

วิธีที่ 3:

NUM = สตริง (NUM)

วิธีที่ 4:

num = num.toString ()

หมายเหตุ: คุณไม่สามารถโทร tostring () โดยตรงจากหมายเลข

เช่น: 2.toString () จะโยน Uncaught SyntaxError : โทเค็นไม่ถูกต้องหรือไม่คาดคิด

หากคุณอยากรู้ว่าใครเป็นคนที่มีประสิทธิภาพมากที่สุดลองดูที่ฉันเปรียบเทียบจำนวนทั้งหมด -> การแปลงสตริง

ดูเหมือน2+''หรือ2+""เร็วที่สุด

https://jsperf.com/int-2-string

นอกจากนี้เรายังสามารถใช้ตัวสร้างสตริง ตามมาตรฐานนี้มันเป็นวิธีที่เร็วที่สุดในการแปลง Number เป็น String ใน Firefox 58 แม้ว่ามันจะช้ากว่า " + numเบราว์เซอร์ยอดนิยมของ Google Chrome

วิธีtoFixed()นี้จะช่วยแก้วัตถุประสงค์

var n = 8.434332;
n.toFixed(2)  // 8.43

คุณสามารถโทรหาวัตถุและการโทรแล้วNumbertoString()

Number.call(null, n).toString()

คุณสามารถใช้เคล็ดลับนี้กับวัตถุพื้นเมืองจาวาสคริปต์อื่นได้

เพิ่งเจอสิ่งนี้เมื่อเร็ว ๆ นี้วิธีที่ 3 และ 4 ไม่เหมาะสมเพราะวิธีการคัดลอกสตริงแล้วรวมเข้าด้วยกัน สำหรับโปรแกรมขนาดเล็กปัญหานี้ไม่มีนัยสำคัญ แต่สำหรับเว็บแอปพลิเคชันจริง ๆ การกระทำนี้ที่เราต้องจัดการกับการจัดการสตริงความถี่อาจส่งผลกระทบต่อประสิทธิภาพและความสามารถในการอ่าน

นี่คือการเชื่อมโยงการอ่าน

ฉันจะแก้ไขอีกครั้งด้วยข้อมูลเพิ่มเติมเมื่อฉันมีเวลาสำหรับตอนนี้นี่เป็นเรื่องปกติ ...

ทดสอบใน nodejs v8.11.2: 2018/06/06

let i=0;
    console.time("test1")
    for(;i<10000000;i=i+1){
    	const string = "" + 1234;
    }
    console.timeEnd("test1")
    
    i=0;
    console.time("test1.1")
    for(;i<10000000;i=i+1){
    	const string = '' + 1234;
    }
    console.timeEnd("test1.1")
    
    i=0;
    console.time("test1.2")
    for(;i<10000000;i=i+1){
    	const string = `` + 1234;
    }
    console.timeEnd("test1.2")
    
    i=0;
    console.time("test1.3")
    for(;i<10000000;i=i+1){
    	const string = 1234 +  '';
    }
    console.timeEnd("test1.3")
    
    
    i=0;
    console.time("test2")
    for(;i<10000000;i=i+1){
    	const string = (1234).toString();
    }
    console.timeEnd("test2")
    
    
    i=0;
    console.time("test3")
    for(;i<10000000;i=i+1){
    	const string = String(1234);
    }
    console.timeEnd("test3")
    
    
    i=0;
    console.time("test4")
    for(;i<10000000;i=i+1){
    	const string = `${1234}`;
    }
    console.timeEnd("test4")
    
    i=0;
    console.time("test5")
    for(;i<10000000;i=i+1){
    	const string = 1234..toString();
    }
    console.timeEnd("test5")
    
    i=0;
    console.time("test6")
    for(;i<10000000;i=i+1){
    	const string = 1234 .toString();
    }
    console.timeEnd("test6")

เอาท์พุต

test1: 72.268ms
test1.1: 61.086ms
test1.2: 66.854ms
test1.3: 63.698ms
test2: 207.912ms
test3: 81.987ms
test4: 59.752ms
test5: 213.136ms
test6: 204.869ms

ดูเหมือนว่าผลลัพธ์ที่คล้ายกันเมื่อใช้ node.js ฉันรันสคริปต์นี้:

let bar;
let foo = ["45","foo"];

console.time('string concat testing');
for (let i = 0; i < 10000000; i++) {
    bar = "" + foo;
}
console.timeEnd('string concat testing');


console.time("string obj testing");
for (let i = 0; i < 10000000; i++) {
    bar = String(foo);
}
console.timeEnd("string obj testing");

console.time("string both");
for (let i = 0; i < 10000000; i++) {
    bar = "" + foo + "";
}
console.timeEnd("string both");

และได้ผลลัพธ์ดังต่อไปนี้:

❯ node testing.js
string concat testing: 2802.542ms
string obj testing: 3374.530ms
string both: 2660.023ms

ครั้งที่คล้ายกันทุกครั้งที่ฉันวิ่ง