ใน JavaScript คุณมักจะพบปัญหาสตริง แต่มันจะลำบากมากขึ้นถ้าสตริงที่คุณต้องการประกบนานเกินไป
หากอยู่ในบรรทัดเดียวมันจะไม่สามารถอ่านได้ แต่ถ้ามันจะห่อบรรทัดมันจะรายงานข้อผิดพลาดโดยตรง
นี่คือเทคนิคการประกบ JavaScript หลายอย่างสำหรับการประกบสตริง
เพิ่มสตริง (+)
var items = '<li>' + '<pan> Hello World </span>' + '</li>';
การเย็บสตริงด้วย backslash
var items = '<li>' / '<pan> Hello World </span>' / '</li>';
การประกบสตริงด้วยอาร์เรย์
ใช้วิธีการเข้าร่วมของอาร์เรย์เพื่อแปลงอาร์เรย์เป็นสตริง
var emplist = ['<li>', '<span> Hello World </span>', '</li>']. เข้าร่วม ("");ขึ้นอยู่กับอาร์เรย์คุณสามารถห่อหุ้มเมธอด StringBuffer เพื่อให้การประกบสตริงเสร็จสมบูรณ์
ฟังก์ชัน StringBuffer () {this.buffer = []; } stringBuffer.prototype = {constructor: StringBuffer, ผนวก: ฟังก์ชั่น (str) {this.buffer.push (str); คืนสิ่งนี้; }, toString: function () {return this.buffer.join (''); -สตริงเทมเพลต ES6
ไวยากรณ์ตัวอักษรชนิดใหม่ถูกนำมาใช้ใน ES6 เรียกว่าสตริงเทมเพลต
ใช้อะพอสโทรฟีผกผัน `แทนคำพูดเดียวหรือสองเท่าดั้งเดิม
$ ('. คำเตือน'). html (`<h1> ทำงานได้! </h1> <p> ร้านอาหารเบ็ดเตล็ด </p> <p> เพียงผ้าลินินไทย </p>`);บรรทัดใหม่เยื้องและช่องว่างในสตริงจะถูกส่งออกไปยังสตริงที่สร้างขึ้นใหม่ตามที่เป็นอยู่
หากคุณต้องการเข้าใจปัญหาประสิทธิภาพของการประกบสตริงขอแนะนำให้อ่านหนังสือของ Nicholas C. Zakas "JavaScript ประสิทธิภาพสูง" โดย Nicholas C. Zakas
เคล็ดลับการประกบสตริง JavaScript ด้านบน (แนะนำ) เป็นเนื้อหาทั้งหมดที่ฉันแบ่งปันกับคุณ ฉันหวังว่าคุณจะให้ข้อมูลอ้างอิงและฉันหวังว่าคุณจะสนับสนุน wulin.com มากขึ้น