هنگام کدنویسی در جاوا اسکریپت، ممکن است لازم باشد چندین رشته را برای ایجاد یک رشته جدید و طولانی تر ترکیب کنید. این عملیات به عنوان الحاق شناخته می شود.

در این مقاله پنج روش برای الحاق رشته ها در جاوا اسکریپت را خواهید آموخت.

نحوه به هم پیوستن رشته ها در جاوا اسکریپت با استفاده از عملگر +

عملگر + نه تنها برای اجرای جمع، بلکه برای الحاق رشته ها نیز استفاده می شود.

بیایید مثال زیر را در نظر بگیریم:

 let greeting = "Hello" ; let name = "John" ; let result = greeting + name; console .log(result); // Output: HelloJohn

در کد بالا، دو متغیر به نام‌های greeting و name ایجاد کردم و مقادیر رشته Hello و John را به ترتیب ذخیره کردم.

من همچنین متغیر دیگری به نام result ایجاد کردم و نتیجه الحاق greeting و name را با استفاده از عملگر + ذخیره کردم.

در نهایت، من console.log() برای خروجی result به کنسول استفاده کردم.

اگر به خروجی HelloJohn دقت کنید، متوجه خواهید شد که هیچ فاصله ای بین Hello و John وجود ندارد. نتیجه به هم پیوستن دو سیم Hello و John یک تک رشته جدید به نام HelloJohn خواهد بود.

هنگام الحاق رشته ها با عملگر + ، باید به خاطر داشته باشید که فاصله بین رشته ها را اضافه کنید، در غیر این صورت با خروجی غیرمنتظره مواجه خواهید شد:

 let greeting = "Hello" ; let name = "John" ; let result = greeting + " " + name; console .log(result); // Output: Hello John

پس ، اگرچه عملگر + یک رویکرد راحت برای الحاق رشته‌ها در جاوا اسکریپت است، اما باید به جداسازی دستی رشته‌ها توجه داشته باشید، که می‌تواند منجر به خطا در هنگام انجام الحاق رشته‌ها پیچیده‌تر شود.

نحوه به هم پیوستن رشته ها در جاوا اسکریپت با استفاده از عملگر +=

عملگر += زمانی استفاده می شود که می خواهید یک رشته به رشته موجود اضافه کنید.

بیایید مثال زیر را در نظر بگیریم:

 let name = "John " ; name += "Doe" ; console .log(name); // Output: John Doe

در مثال بالا، یک name متغیر ایجاد کردم و مقدار رشته John را با یک فاصله در انتهای آن ذخیره کردم. توجه داشته باشید که هنگام استفاده از عملگر += ، باید فاصله هایی را برای جداسازی رشته ها اضافه کنید، مشابه زمانی که از عملگر + استفاده می کنید.

سپس رشته Doe به متغیر name اضافه کردم. پس از این عملیات، متغیر name شامل رشته John Doe خواهد بود.

عملگر += مقدار اصلی name متغیر، John را می گیرد، مقدار Doe را اضافه می کند و نتیجه را به متغیر برمی گرداند.

می توانید به name += "Doe"; به عنوان مخفف name = name + "Doe" .

نحوه به هم پیوستن رشته ها در جاوا اسکریپت با استفاده از Literals الگو

همانطور که قبلاً دیدید، عملگر + برای الحاق رشته های اصلی راحت است. با این حال، خواندن کد ممکن است سخت شود یا در هنگام اجرای الحاق رشته های پیچیده تر منجر به خطا شود.

الگوهای واقعی جایگزین خواناتری ارائه می‌دهند و کار با رشته‌ها را آسان‌تر می‌کنند.

الگوها از بکتیک (`) برای محصور کردن یک رشته به جای نقل قول های تک یا دوگانه استفاده می کنند. در داخل بکتیک ها، می توانید متغیرها یا عبارات را مستقیماً با استفاده از ${} در رشته ها وارد کنید.

بیایید دوباره کد مربوط به الحاق رشته ها را با استفاده از عملگر + تحلیل کنیم:

 let greeting = "Hello" ; let name = "John" ; let result = greeting + " " + name; console .log(result); // Output: Hello John

در اینجا نحوه بازنویسی کد با استفاده از حروف الفبای الگو آمده است:

 let greeting = "Hello" ; let name = "John" ; let result = ` ${greeting} ${name} ` ; console .log(result); // Ouput: Hello John

${greeting} و ${name} مانند مکان‌هایی هستند که با مقادیر واقعی متغیرها جایگزین می‌شوند. ${greeting} مقدار greeting متغیر را در رشته و ${name} مقدار name متغیر را جاسازی می‌کند.

در حالی که هر دو نمونه کد به خروجی یکسانی می‌رسند، کد با استفاده از لفظ قالب در مقایسه با کد با استفاده از عملگر + خواناتر و مختصرتر است.

نحوه به هم پیوستن رشته ها در جاوا اسکریپت با استفاده از متد concat()

همچنین می توانید از متد concat() داخلی برای به هم پیوستن دو یا چند رشته در جاوا اسکریپت استفاده کنید.

نحو کلی برای متد concat() چیزی شبیه به زیر است:

 string.concat(string1, string2, ..., stringN)

می‌توانید متد concat() روی یک رشته فراخوانی کنید و رشته‌ای را که می‌خواهید به‌عنوان آرگومان در داخل پرانتز به هم متصل کنید، ارسال کنید. وقتی چندین رشته را به عنوان آرگومان ارسال می کنید، هر رشته را با کاما جدا می کنید.

توجه داشته باشید که متد concat() رشته اصلی را تغییر نمی دهد. در عوض، یک رشته پیوسته جدید را برمی گرداند.

بیایید نمونه ای از متد concat() را در عمل ببینیم:

 let greeting = "Hello" ; let name = "John" ; let result = greeting.concat(name); console .log(result); console .log(greeting); // Output: // Hello John // Hello

در کد بالا، متد concat() بر روی name متغیر رشته اولیه فراخوانی می شود و متغیر رشته greeting به عنوان آرگومان ارسال می شود.

این یک رشته جدید به نام Hello John ایجاد می کند که در آن name به انتهای greeting اضافه می شود. رشته در متغیر greeting تغییر نمی کند.

نحوه به هم پیوستن رشته ها در جاوا اسکریپت با استفاده از متد join()

در نهایت، می‌توانید رشته‌ها را با استفاده از متد join() داخلی به هم متصل کنید.

نحو کلی برای متد join() چیزی شبیه به زیر است:

 array.join(separator);

متد join() هنگام کار با آرایه‌های رشته‌ها مفید است، زیرا تمام عناصر آرایه را در یک رشته ترکیب می‌کند که توسط جداکننده‌ای که شما مشخص می‌کنید از هم جدا شده‌اند. وقتی جداکننده را مشخص نمی کنید، به طور پیش فرض از کاما استفاده می شود.

بیایید مثال زیر را در نظر بگیریم:

 let programmingLanguages = [ "JavaScript" , "Java" , "Python" ]; let result = programmingLanguages.join( ", " ); console .log(result); // Output: JavaScript, Java, Python

در مثال بالا، ابتدا یک آرایه به نام programmingLanguages ​​ایجاد کردم که شامل سه رشته است: JavaScript ، Java و Python .

در مرحله بعد، من متد join() در programmingLanguages ​​فراخوانی کردم تا تمام عناصر آرایه را در یک رشته به هم بپیوندم و از یک کاما به دنبال فاصله، , به عنوان جداکننده استفاده کردم. سپس، نتیجه را در یک متغیر جدید به نام result ذخیره کردم.

عناصر آرایه JavaScript ، Java و Python با یک کاما و یک فاصله بین هر عنصر به هم متصل می شوند و در نتیجه رشته های JavaScript, Java, Python ایجاد می شود.

نتیجه

در این مقاله با پنج روش به هم پیوستن رشته ها در جاوا اسکریپت آشنا شدید.

به طور خلاصه:

عملگر + برای انجام الحاق رشته های پایه مفید است، اما در هنگام انجام الحاقات پیچیده تر می تواند کمتر قابل خواندن باشد.

عملگر += زمانی مفید است که می خواهید یک رشته به رشته موجود اضافه کنید و رشته اصلی را تغییر دهید.

واژه‌های الگو به شما امکان می‌دهند متغیرها را مستقیماً در یک رشته جاسازی کنید و یک نحو خوانا و مختصر ارائه دهید.

متد concat() زمانی مفید است که می‌خواهید رشته‌ها را به هم متصل کنید اما نمی‌خواهید رشته‌های موجود را تغییر دهید.

متد join() به شما این امکان را می‌دهد که آرایه‌ای از رشته‌ها را با یک جداکننده اختیاری بین هر عنصر آرایه به یک رشته متصل کنید.

با تشکر برای خواندن، و کد نویسی مبارک!

خبرکاو