ในบางครั้ง นักพัฒนาจำเป็นต้องเชื่อมสตริงหลาย ๆ อันให้เป็นสตริงเดียวในสถานการณ์ต่าง ๆ เช่น การสร้างสตริงเพื่อใช้ในนิพจน์ทั่วไป ในคุกกี้ของเบราว์เซอร์หรือที่จัดเก็บในตัวเครื่อง ในการทดสอบอัตโนมัติหรือสตริงไดนามิกสำหรับการแจ้งเตือนหรือข้อความของผู้ใช้ เป็นต้น โดยเฉพาะอย่างยิ่ง การรวมสตริงในรูปแบบต่างๆ ช่วยให้นักพัฒนาสามารถสร้างเว็บแอปพลิเคชันแบบไดนามิกและยืดหยุ่นมากขึ้น
บล็อกนี้จะแสดงให้เห็นถึงความแตกต่างระหว่าง “ + ” โอเปอเรเตอร์ และ “ เชื่อม () วิธีการ” ใน JavaScript
JS Strings “+” vs “concat()” วิธีการ
“ + ” โอเปอเรเตอร์ และ “ เชื่อม () ” วิธีการทั้งสองใช้เพื่อรวม / รวมสองสตริงขึ้นไปใน JavaScript ตัวดำเนินการ '+' เป็นวิธีชวเลขในการเชื่อมสตริง ในขณะที่เมธอด 'concat()' เป็นวิธีรวมสตริงที่ชัดเจนกว่า
ไวยากรณ์
ใช้ไวยากรณ์ที่กำหนดสำหรับตัวดำเนินการ '+' เพื่อรวมสตริง:
สตริง 1 + สตริง 2
ไวยากรณ์ต่อไปนี้ใช้สำหรับเมธอด “concat()”:
ตัวอย่างที่ 1: การรวมสตริงโดยใช้ตัวดำเนินการ “+”
สร้างสองสตริง “ str1 ' และ ' str2 ”:
var str1 = 'ยินดีต้อนรับสู่ ' ;var str2 = 'ลีนุกซ์' ;
ใช้ ' + ” ตัวดำเนินการเพื่อรวมหรือเพิ่มสตริงทั้งสองนี้และเก็บสตริงผลลัพธ์ไว้ในตัวแปร “ เข้าร่วม ”:
สุดท้าย พิมพ์สตริงที่ต่อกันบนคอนโซล:
เอาต์พุต
ใช้ในค่าตัวเลขจะให้ผลรวมของตัวเลข:
ตัวอย่างที่ 2: การรวมสตริงโดยใช้เมธอด “concat()”
โทรหา “ เชื่อม () ” วิธีเข้าร่วมสองสาย:
เคยเป็น เข้าร่วม = str1.concat ( str2 ) ;
พิมพ์สตริงผลลัพธ์บนคอนโซล:
เอาต์พุต
ตอนนี้ มาลองรวมค่าตัวเลขโดยใช้เมธอด “concat()” กัน มันจะให้ข้อผิดพลาดเพราะมันรวมสตริงไม่ดำเนินการใด ๆ เช่นการดำเนินการทางคณิตศาสตร์:
หากคุณต้องการรวมสองหมายเลข ใช้เป็นสตริง:
ความแตกต่างหลักระหว่างตัวดำเนินการ “+” และเมธอด “concat()”
ความแตกต่างหลักระหว่าง “ (+) ' และ ' เชื่อม () ” ได้รับด้านล่าง:
(+) โอเปอเรเตอร์ |
วิธีการ concat() |
(+) เป็นโอเปอเรเตอร์ JavaScript | concat() เป็นวิธีการจาวาสคริปต์ |
ต้องมีอย่างน้อยสองค่า | ต้องมีอย่างน้อยหนึ่งสตริง |
เชื่อมสตริงเข้าด้วยกันและใช้เพื่อดำเนินการทางคณิตศาสตร์กับข้อมูลตัวเลข | เชื่อมค่าสตริงเข้าด้วยกันเท่านั้น |
ใช้สำหรับค่าตัวเลขและสตริงด้วย | ใช้สำหรับสตริงเท่านั้น |
นั่นคือทั้งหมดที่เกี่ยวกับตัวดำเนินการสตริง '+' และเมธอด 'concat()' ใน JavaScript
บทสรุป
“ (+) ” โอเปอเรเตอร์ และ “ เชื่อม () ” วิธีการใช้สำหรับเชื่อมต่อสตริงใน JavaScript ความแตกต่างที่สำคัญในทั้งสองอย่างคือตัวดำเนินการ '+' ยังรวมหรือเพิ่มค่าตัวเลขโดยใช้การดำเนินการทางคณิตศาสตร์ ในขณะที่เมธอด concat() ใช้กับสตริงเท่านั้น ในบล็อกนี้ เราแสดงให้เห็นความแตกต่างระหว่างตัวดำเนินการ “+” และเมธอด “concat()” ใน JavaScript