کار با رشته ها یا Strings در جاوااسکریپت

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش کار با رشته ها یا Strings در جاوااسکریپت با من همراه باشید.

کار با رشته ها یا Strings در جاوااسکریپت

Free-Learn

کار با رشته ها یا Strings در جاوااسکریپت

رشته ها یا Strings یا خودمونی همون متن میشه، بطور کلی به داده ای که بصورت متن باشه و یجورایی درون ۲تا کوتیشن ” ” قرار داشته باشه میگیم رشته یا String

خب ما در جلسات قبلی متوجه شدیم که اصلا متغیر چیست و چجوری تعریف میشه ! یا اینکه اصلا انواع داده چیه و چجوری نوع داده رو تعریف میکنیم و… که پیشنهاد میکنم حتما از طریق لینک های زیر به این جلسات دسترسی پیدا نمایید.

مشاهده کار با متغیرها یا Variables در جاوااسکریپت را مشاهده نمایید.

Free-Learn

نحوه استفاده از تک کوتیشن یا دوبل کوتیشن

ما هم میتونیم برای تعریف رشته ها هم از تک کوتیشن ‘ و هم دوبل کوتیشن ” استفاده نماییم، و هیچ مشکلی ندارد. ولی استفاده از هردوتای اینها در کنار همدیگه مشکل دارد و برنامه اجرا نخواهد شد.

مثال شماره ۱ : تعریف چندین متغیر با استفاده از تک کوتیشن ‘ ‘

مثال شماره ۲ : تعریف چندین متغیر با استفاده از دوبل کوتیشن ” ”

مثال شماره ۳ : استفاده از تک کوتیشن در دوبل کوتیشن

امتحان کنید

مثال شماره ۴ : استفاده از دوبل کوتیشن در تک کوتیشن

امتحان کنید

Free-Learn

استفاده همزمان از دوبل کوتیشن یا تک کوتیشن ممنوع

در ادامه ی آموزش کار با رشته ها یا Strings در جاوااسکریپت میخوام یک نکته مهم درباره تک کوتیشن ها ( یا علامت ‘ ) و دوبل کوتیشن ها ( یا علامت ” ) براتون بگم.

در جاوااسکریپت نمیشه بصورت همزمان از ۲ تا مثلا دوبل کوتیشن یا تک کوتیشن استفاده کرد، اینجوری جاوااسکریپت گیج میشه و در نتیجه برنامه اجرا نمیشه.

مثال : استفاده از ۲ عدد دوبل کوتیشن بصورت همزمان درکنار همدیگر ( برنامه اجرا نمیشه و در نتیجه در خروجی هیچی نشون نمیده )

امتحان کنید

Free-Learn

کاراکترهای خاص در جاوااسکریپت

خب ما تو مثال قبلی دیدیم که نمیشه بصورت همزمان از ۲ عدد مثلا دوبل کوتیشن درکنار همدیگر استفاده کرد، خب بنظره شما راه حل چیه؟ نگران نباشید جاوااسکریپت با یسری از کاراکترهای خاص این مشکل رو حل کرده.

وقتی بصورت همزمان از ۲ عدد مثلا تک کوتیشن یا دوبل کوتیشن استفاده میکنیم ، در اصطلاح بهش میگن فرار کردن یا خُرد شدن کاراکترها یا به انگلیسی Escape Character

خب اصلا شاید من دوس داشته باشم همزمان از ۲ تا دوبل کوتیشن استفاده کنم؟! یا مثلا از ۲تا تک کوتیشن؟ یا شاید بخوام مثلا کاراکتر \ رو اضافه کنم اونوقت باید چکار کرد؟! خیلی راحت میتونیم از کاراکترهای خاص موجود در جدول زیر استفاده نماییم.

6 کاراکتر خاص دیگه بانام های \b , \f , \n , \r , \t , \v وجود دارند، ولی در HTML هیچ معنایی ندارند ، یعنی ظاهری در خروجی یک صفحه HTML ندارند و فقط مخصوص استفاده در دستگاهای فکس یا ماشین های تحریر می باشد.

کد توضیح مثال
‘\ برای ایجاد تک کوتیشن امتحان کنید
“\ برای ایجاد دوبل کوتیشن امتحان کنید
\\ برای ایجاد بک اسلَش یا \ امتحان کنید

Free-Learn

شکستن سطر و رفتن به سطر بعد در جاوااسکریپت

حالا این شکستن سطر و رفتن به سطر بعد ( جدید ) خب میتونه چندین معنی داشته باشه، مثلا اینکه بخوایم در خروجی متن مون به سطر جدید شکسته شه یا نه خوده کدهای جاوااسکریپت شکسته و به سطر جدید بروند.

  • شکستن سطر و رفتن به سطر جدید در خروجی

مثال شماره ۱ : مثلا من میخوام در خروجی متنم شکسته شه و به سطر جدید بره ، یعنی دقیقا میخوام کار تگ BR یا دکمه اینتر رو انجام بدیم. خیلی راحت میتونیم از همون تگ <br> همانند مثال زیر استفاده کنیم.

امتحان کنید

مثال شماره ۲ : روش دوم استفاده از کاراکتر خاص n\ ( این روش فقط در حالت کنسول یا اشکال زدایی و یا در حالت نمایش باکس هشدار همانند alert کاربرد دارد )

امتحان کنید

  • شکستن سطر و رفتن به سطر جدید در خوده کدهای جاوااسکریپت

خب شاید طول کدهای ( منظور خوده دستورات یا کدهای جاوااسکریپت می باشد ) که نوشتم خیلی زیاده و از طرفی هم میخوام به سطرهای جدید شکسته بشن ( برای خوانایی بهتر ) خب باید چکار کرد؟! همینجوری عشقی که نمیتونم اینتر بزنم.

در داخل خوده دستورات اینتر زدن اشکال نداره ولی فقط نباید داخل رشته ( متن ها ) اینتر بزنید، لطفا به مثال زیر توجه نمایید :

همونطور که میبینید در دستورات بالا مثلا بعد از document اینتر زدیم و رفتیم سطر جدید، یا مثلا بعد از getElementById اینتر زدیم ، خب این مشکل نداره – هرچند کار جذابی نیست چون اینجوری خوانایی از دست میره ولی خب درکل میخوام بگم اینکار اشکال نداره و جاوااسکریپت بهمون خروجی میده.

یعنی دستورات بالا در اصل و در حالت استاندارد و اینکه خوانایی داشته باشه، به صورت زیر می باشد :

 

  • نباید در رشته ها ( منظور همون متنی که قراره در خروجی چاپ شه ) اینتر بزنیم ، چون اینجوری برنامه اجرا نمیشه.

امتحان کنید

  • اگه میخواید در رشته ها اینتر بزنید و برنامه هم مشکلی نداشته باشد و اجرا بشه ، باید از بک اسلَش یا \ استفاده نمایید.

مثال شماره ۱ : استفاده از بک اسلش \ برای پیوند زدن ( چسبوندن ) رشته ها بهمدیگه

امتحان کنید

استفاده از \ ( بک اسلَش ) روش پیشنهاد شده ای نیست و ممکنه در برخی از مرورگرها کلا کار نکند، سعی کنید از این روش استفاده نکنید.

مثال شماره ۲ : استفاده از + ( علامت جمع یا به اضافه ) ( استفاده از این روش پیشنهاد میشه )

امتحان کنید

Free-Learn

رشته ها میتونن شئ یا Object باشند

خب بصورت عادی میدونید که ما وقتی میخوایم یه متغیر از نوع رشته تعریف کنیم بصورت زیر عمل میکنیم :

حال همین رشته رو میتونیم با استفاده از کلمه کلیدی new بصورت یه شئ هم تعریف کنیم، برای مثال لطفا به دستورات زیر توجه نمایید :

حرف s از کلمه String باید حتما S بزرگ باشه.

سعی کنید از این روش برای تعریف متغیرهای رشته ای استفاده نکنید، چون هم سرعت اجرای برنامه رو پایین میاره هم نمیشه بهش اعتماد کرد و هر لحظه ممکنه بکل برنامه تون رو خراب کنه، پس بهتره از همون Var یا Let استفاده کنید.


امتحان کنید

پایان آموزش کار با رشته ها یا Strings در جاوااسکریپت

Free-Learn

دریافت PDF یا پرینت این مطلب