การต่อสตริงใน JavaScript: สิ่งที่คุณต้องรู้เกี่ยวกับ String concat ()

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

• พื้นฐานของการต่อสตริงใน JavaScript
• เปรียบเทียบกับ Microsoft Excel
• เปรียบเทียบกับการเขียนโปรแกรม C
• สตริงถูกจัดการอย่างไรใน JavaScript?
• วิธีการจัดการสตริง

พื้นฐานของการต่อสตริงใน JavaScript

การเชื่อมต่อเป็นการดำเนินการที่เป็นพื้นฐานของการรวมสองสตริง การรวมสตริงเป็นลักษณะการเขียนโปรแกรมที่หลีกเลี่ยงไม่ได้ ก่อนที่จะเข้าสู่“ การต่อสตริงใน JavaScript” เราจำเป็นต้องทำความเข้าใจพื้นฐานก่อน เมื่อล่ามดำเนินการดำเนินการสตริงใหม่จะถูกสร้างขึ้น ภาษาโปรแกรมทุกภาษามีไวยากรณ์ที่แตกต่างกันสำหรับการดำเนินการต่อกัน

edu.reka: Perl, PHP

edu & reka: Visual Basic, Visual Basic.NET และ Ada

strcat (edu, แม่น้ำ): C, C ++

edu + แม่น้ำ: Java

edu || แม่น้ำ: FORTRAN

นอกจากนี้การต่อข้อมูลยังสามารถใช้ได้กับประเภทข้อมูลอื่น ๆ เช่นไบนารีลอยอักขระจำนวนเต็ม ฯลฯ แต่เพื่อให้สิ่งนี้เกิดขึ้นประเภทข้อมูลจะถูกแปลงเป็นสตริงก่อน นอกจากนี้เมื่อเราจัดการกับอ็อบเจ็กต์การต่อสตริงจะทำได้ก็ต่อเมื่ออ็อบเจ็กต์หรือทั้งสองอย่างอยู่ในคลาสเดียวกัน

เปรียบเทียบกับ Microsoft Excel

มาทำความเข้าใจเกี่ยวกับการเรียงต่อกันบนแพลตฟอร์มพื้นฐานที่สุดของเรานั่นคือ Microsoft Excel ฟังก์ชัน CONCATENATE / CONCAT รวมสตริงสองสตริงขึ้นไปเข้าด้วยกัน ใช้เป็นฟังก์ชันแผ่นงานและสามารถป้อนเป็นส่วนหนึ่งของสูตรในเซลล์ได้

แยกวิเคราะห์สองครั้งเป็น int java

ไวยากรณ์:

CONCATENATE (edu1, [edu2, & hellip.edu_n])

มูลค่าผลตอบแทน:

สตริง / ข้อความ

บางครั้งผู้ใช้อาจต้องการเพิ่มช่องว่างในผลลัพธ์ ในกรณีเช่นนี้ไวยากรณ์จะแตกต่างกันเล็กน้อย

เปรียบเทียบกับการเขียนโปรแกรม C

ในขณะที่เราทุกคนคุ้นเคยกับภาษาพื้นฐานที่สุด ได้แก่ การเขียนโปรแกรม C มาทำความเข้าใจการต่อด้วยโปรแกรมง่ายๆในภาษา C

#include int main () {char edu1 [100], edu2 [100], i, j printf ('Enter first string:') scanf ('% s', edu1) printf ('Enter second string:') scanf ( '% s', edu2) // คำนวณความยาวของสตริง edu1 // และเก็บไว้ใน i สำหรับ (i = 0 edu1 [i]! = '' ++ i) สำหรับ (j = 0 edu2 [j]! = '' ++ j, ++ i) {edu1 [i] = edu2 [j]} edu1 [i] = '' printf ('After concatenation:% s', edu1) return 0}

เอาท์พุต:

ป้อนสตริงแรก: edu

ป้อนสตริงที่สอง: reka

หลังจากเชื่อมต่อกัน: edureka

วิธีจัดการสตริงใน JavaScript?

ก่อนอื่นให้เราทำความเข้าใจกับวัตถุสตริงใน . เราสามารถกำหนดสตริงเป็นชนิดข้อมูลที่ใช้ในการเขียนโปรแกรมเพื่อวัตถุประสงค์ในการจัดเก็บลำดับของอักขระ จำนวนเต็มและหน่วยทศนิยมสามารถเข้ารหัสเป็นสตริงได้ แต่ส่วนใหญ่จะอยู่ในรูปแบบของข้อความแทนที่จะเป็นตัวเลข ก่อนที่จะดำเนินการต่อไปกับการจัดการสตริงเราจำเป็นต้องเข้าใจคุณสมบัติของสตริงออบเจ็กต์

1. ผู้สร้าง: ส่งคืนข้อมูลอ้างอิงที่สร้างขึ้นโดยต้นแบบของอินสแตนซ์ JavaScript

ไวยากรณ์:

array.constructor

รหัส:

ตัวสร้างอาร์เรย์ JavaScript | Edureka var edu = อาร์เรย์ใหม่ (10, 20, 30) document.write ('edu.constructor คือ:' + edu.constructor)

เอาท์พุต:

edu.constructor คือ: function Array () {[native code]}

2. ความยาว: มันบอกเราเกี่ยวกับไม่ ขององค์ประกอบในอาร์เรย์

ไวยากรณ์:

array.length

รหัส:

ความยาวอาร์เรย์ JavaScript | Edureka var edu = อาร์เรย์ใหม่ (10, 20, 30) document.write ('edu.length is:' + edu.length)

เอาท์พุต:

edu.length คือ: 3

3. ต้นแบบ: คุณสมบัติต้นแบบช่วยให้เราสามารถเพิ่มวิธีการและคุณสมบัติให้กับวัตถุใด ๆ (Number, Boolean, String และ Date เป็นต้น) เป็นทรัพย์สินระดับโลก

ไวยากรณ์:

object.prototype.name = ค่า

รหัส:

ฟังก์ชัน Edureka Objects Online (หลักสูตรแพลตฟอร์ม) {this.course = course this.platform = platform} var myOnline = new Online ('R programming', 'Edureka') Online.prototype.price = null myOnline.price = 2400 เอกสาร เขียน ('หลักสูตรออนไลน์คือ:' + myOnline.course + ' 
') document.write (' แพลตฟอร์มออนไลน์คือ: '+ myOnline.platform +' 
') document.write (' ราคาออนไลน์คือ: '+ myOnline.price +' 
')

เอาท์พุต:

หลักสูตรออนไลน์คือ: การเขียนโปรแกรม R แพลตฟอร์มออนไลน์คือ: Edureka Online ราคา: 2400

วิธีการจัดการสตริง

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

• ไวยากรณ์:

String.concat (edu1, edu2 [, & hellip, eduN])

• อาร์กิวเมนต์ในวิธีการ:

edu1, edu2, & hellip eduN เป็นสตริงที่ถูกส่งผ่านสำหรับการเรียงต่อกัน

• รหัส:

การต่อสตริง | Edureka var edu1 = new String ('ถ้ามันเกี่ยวกับการเรียนรู้') var edu2 = new String ('Edureka is the right platform') var edu3 = edu1.concat (edu2) document.write ('Result:' + edu3)

เอาท์พุต:

หากเกี่ยวกับการเรียนรู้ Edureka เป็นแพลตฟอร์มที่เหมาะสม

นอกจากนี้ในฐานะโปรแกรมเมอร์บางครั้งก็มีความจำเป็นที่จะต้องเชื่อมโยงหลาย ๆ สตริงเข้าด้วยกันเช่น มากกว่าสอง มาดูโค้ดง่ายๆที่เน้นการใช้การต่อสตริงใน JavaScript:

 
มารวมกันสามสาย
ฟังก์ชันปุ่ม Edureka myFunction () {var edu1 = 'Hello' var edu2 = 'Edureka,' var edu3 = 'Let's code today!' var con = edu1.concat (edu2, edu3) document.getElementById ('edu'). innerHTML = con}

เอาท์พุต:

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

1. เห็นภาพ ขั้นตอนของโปรแกรมของคุณ
2. ตัดสินใจสำหรับการประกาศตัวแปร
3. จดไม่กี่ สตริง
4. ทำตาม ตัวอย่าง เขียนที่นี่
5. คุณดีที่จะทดสอบกับไฟล์ เซิร์ฟเวอร์ภายใน .

ด้วยเหตุนี้เราจึงมาถึงจุดสิ้นสุดของการเชื่อมต่อสตริงในบล็อก JavaScript ฉันหวังว่าคุณจะเข้าใจวิธีต่างๆในการเชื่อมต่อหรือเข้าร่วมสตริง

วิธีรับความยาวอาร์เรย์ในจาวาสคริปต์

ตอนนี้คุณรู้เกี่ยวกับ JavaScript แล้วลองดูไฟล์ โดย Edureka การฝึกอบรมการรับรองการพัฒนาเว็บจะช่วยให้คุณเรียนรู้วิธีสร้างเว็บไซต์ที่น่าประทับใจโดยใช้ HTML5, CSS3, Twitter Bootstrap 3, jQuery และ Google API และปรับใช้กับ Amazon Simple Storage Service (S3)

มีคำถามสำหรับเรา? โปรดระบุไว้ในส่วนความคิดเห็นของ“ การต่อสตริงใน JavaScript” แล้วเราจะติดต่อกลับไป