กำลังส่งไปยังสตริงใน JavaScript

ฉันพบสามวิธีในการแปลงตัวแปรเป็นStringJavaScript
ฉันค้นหาสามตัวเลือกเหล่านี้ในซอร์สโค้ด jQuery และพวกมันใช้งานอยู่
ฉันต้องการทราบว่ามีความแตกต่างระหว่างพวกเขาหรือไม่:

value.toString()
String(value)
value + ""

การสาธิต

พวกเขาทั้งหมดผลิตผลลัพธ์เดียวกัน แต่หนึ่งในนั้นดีกว่าคนอื่น ๆ ?
ฉันจะบอกว่า+ ""มีข้อได้เปรียบที่ช่วยประหยัดตัวละครบางตัว แต่นั่นไม่ใช่ข้อได้เปรียบที่ยิ่งใหญ่อีกแล้ว

พวกเขาจะทำงานแตกต่างกันเมื่อเป็นvaluenull

• null.toString()เกิดข้อผิดพลาด - ไม่สามารถเรียกเมธอด 'toString' เป็นโมฆะ
• String(null)ผลตอบแทน - "null"
• null + ""ผลตอบแทนก็ - "null"

พฤติกรรมที่คล้ายกันมากเกิดขึ้นถ้าvalueเป็นundefined(ดูคำตอบของ jbabey )

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

มีความแตกต่าง แต่อาจไม่เกี่ยวข้องกับคำถามของคุณ ตัวอย่างเช่นต้นแบบ toString ไม่มีอยู่ในตัวแปรที่ไม่ได้กำหนด แต่คุณสามารถส่งแบบไม่กำหนดไปยังสตริงโดยใช้อีกสองวิธี:

​var foo;

​var myString1 = String(foo); // "undefined" as a string

var myString2 = foo + ''; // "undefined" as a string

var myString3 = foo.toString(); // throws an exception

http://jsfiddle.net/f8YwA/

พวกเขาทำงานเหมือนกัน แต่toStringยังให้วิธีการแปลงสตริงเลขฐานสองฐานแปดหรือเลขฐานสิบหก:

ตัวอย่าง:

var a = (50274).toString(16)  // "c462"
var b = (76).toString(8)      // "114"
var c = (7623).toString(36)   // "5vr"
var d = (100).toString(2)     // "1100100"

จากการทดสอบ JSPerfพวกเขาต่างความเร็ว แต่ถ้าคุณไม่ได้ใช้มันในปริมาณมาก ๆ พวกมันควรจะทำงานได้ดี

เพื่อความสมบูรณ์: ตามที่asawyerพูดถึงแล้วคุณยังสามารถใช้.toString()วิธีนี้ได้

นอกเหนือจากข้างต้นทั้งหมดแล้วเราควรทราบว่าสำหรับค่าที่กำหนดv:

• String(v) โทร v.toString()
• '' + vการโทรv.valueOf()ก่อนส่งนักแสดงประเภทอื่น ๆ

ดังนั้นเราสามารถทำสิ่งที่ชอบ:

var mixin = {
  valueOf:  function () { return false },
  toString: function () { return 'true' }
};
mixin === false;  // false
mixin == false;    // true
'' + mixin;       // "false"
String(mixin)     // "true"

ทดสอบใน FF 34.0 และโหนด 0.10

หากคุณตกลงกับค่า null, ไม่ได้กำหนด, NaN, 0 และ false ทั้งหมดที่ส่งไปยัง '' (s ? s+'' : '')จะเร็วขึ้น

ดูhttp://jsperf.com/cast-to-string/8

หมายเหตุ - ในขณะนี้มีความแตกต่างที่สำคัญในเบราว์เซอร์

ตัวอย่างโลกจริง: log("foo is {} and bar is {}", param1, param2)ฉันมีฟังก์ชั่นบันทึกที่สามารถเรียกว่ามีจำนวนข้อของพารามิเตอร์: หากมีการDEBUGตั้งธงที่จะวงเล็บได้รับการแทนที่ด้วยพารามิเตอร์ที่กำหนดและสตริงถูกส่งไปยังtrue console.log(msg)พารามิเตอร์สามารถและจะเป็น Strings, Numbers และอะไรก็ได้ที่อาจถูกส่งคืนโดยการโทร JSON / AJAX หรืออาจเป็นแบบnullนั้นก็ได้

• arguments[i].toString()ไม่ใช่ตัวเลือกเนื่องจากnullค่าที่เป็นไปได้(ดูคำตอบของ Connell Watkins)
• JSLint arguments[i] + ""จะบ่นเกี่ยวกับ สิ่งนี้อาจมีหรือไม่มีอิทธิพลต่อการตัดสินใจว่าจะใช้อย่างไร บางคนปฏิบัติตามอย่างเคร่งครัดกับ JSLint
• ในบางเบราว์เซอร์การเชื่อมสตริงว่างเปล่านั้นเร็วกว่าการใช้ฟังก์ชั่นสตริงหรือตัวสร้างสตริง (ดูการทดสอบ JSPerf ใน Sammys S. answer เล็กน้อย) ใน Opera 12 และ Firefox 19 การต่อสตริงว่างจะเร็วขึ้น rediculously (95% ใน Firefox 19) - หรืออย่างน้อยJSPerfก็บอกเช่นนั้น

ในหน้านี้คุณสามารถทดสอบประสิทธิภาพของแต่ละวิธีด้วยตนเอง :)

http://jsperf.com/cast-to-string/2

ที่นี่ในทุกเครื่องและเบราว์เซอร์ '' "+ str 'เป็นหนึ่งที่เร็วที่สุด str (สตริง) ช้าที่สุด