رشته های جاوا اسکریپت
دسته بندی : آموزش Javascript سطح مقاله : متوسط زمان مطالعه : 3 دقیقه آخرین بروز رسانی: 18 اسفند 1399نوع داده ای که شامل متن است ، رشته JavaScript نامیده می شود. رشته ها به شما کمک می کنند متن را در برنامه های JavaScript دستکاری و نمایش دهید. در این آموزش ، ایده نوشتن آسان آنها را خواهید گرفت.
همچنین می توانید با خواص و روش های رشته ، با استفاده از نقل قول فرار از جاوا اسکریپت یا بک اسلش (در صورت نیاز) و ایجاد رشته های چند خطی جاوا اسکریپت آشنا شوید.
نکات اصلی رشته های جاوا اسکریپت:
- رشته ها نوعی داده هستند که برای ذخیره و دستکاری متن استفاده می شود.
- تعریف رشته جاوا اسکریپت به نوشتن داده ها به صورت نقل قول (یک یا دو) نیاز دارد.
- حتی اگر این امکان وجود داشته باشد ، رشته های جاوا اسکریپت نباید به عنوان اشیا ایجاد شوند. انجام این کار ممکن است کد را پیچیده کرده و اجرای آن را کند کند.
رشته ها براساس تعریف
رشته JavaScript نوعی داده است که برای ذخیره داده های متنی استفاده می شود. هر متنی که به عنوان مقدار ویژگی یک تابع در داخل نقل قول ها نوشته شود ، یک رشته در نظر گرفته می شود.
جاوا اسکریپت نقل قول های تک و دو را قبول می کند. به هیچ وجه تفاوتی با اجرا ، سرعت یا عملکرد ندارد. نمونه رشته های جاوا اسکریپت را به صورت نقل قول های تک و دو در زیر بررسی کنید:
var name1 = "value1";
var name2 = 'value2';
ممکن است از نقل قول ها در داخل رشته ها نیز استفاده شود ، اما باید با نقل قول هایی که رشته را احاطه کرده اند متفاوت باشد. به عنوان مثال ، اگر از نقل قول های دوتایی در اطراف رشته استفاده می کنید ، باید از نقل قول های تک در داخل استفاده کنید و برعکس:
var name1 = "value";
var name2 = "value 'quoted'";
var name3 = 'value "quoted"';
به دلیل اینکه رشته هایی باید در داخل نقل قول ها نوشته شوند ، کد زیر توسط JavaScript بد تعبیر می شود:
var b = "Our team is called "BitDegree"."
رشته نشان داده شده در بالا به “تیم ما فراخوانده می شود” خرد می شود. یکی از راههای جلوگیری از این مشکل استفاده از کاراکتر \ escape است. بک اسلش ، کاراکترهای خاص را به کاراکترهای رشته ای تبدیل می کند ، دقیقاً مانند مثال کد زیر:
var a = 'It\'s alright.';
var b = "Our team is called \"BitDegree\"."
در این مثال زیر ، ما از \ ‘برای افزودن a’ به یک رشته استفاده می کنیم:
var exampleVar = "I\'m going to get some snacks";
document.getElementById("eg1").innerHTML = exampleVar;
به یاد داشته باشید که \ ‘تبدیل خواهد شد’ و \ “در رشته به عنوان” قرار خواهد گرفت. در این مثال ما از \ “استفاده می کنیم:
var exampleVar = "To quote Confucius, \"It does not matter how slowly you go as long as you do not stop.\"";
document.getElementById("eg1").innerHTML = exampleVar;
در اینجا لیستی از نویسه های خاص وجود دارد که می توانید با استفاده از backslash اضافه کنید:
Character | Code |
نقل قول فرار از جاوا اسکریپت (تک) | ‘\ |
نقل قول فرار از جاوا اسکریپت (دو برابر) | “\ |
برگشت عکس جاوا اسکریپت | \\ |
جاوا اسکریپت خط فرار | n\ |
کالسکه برگشتی جاوا اسکریپت | r\ |
برگه فرار JavaScript | t\ |
جاوا اسکریپت فرار از فضای خالی | b\ |
خوراک فرم فرار JavaScript | f\ |
شکستن رشته های بلند
برای اینکه بتوانید به راحتی رشته را پیدا کنید جاوا اسکریپت خاصیتی به نام length دارد. تعداد کاراکترهای مورد استفاده در یک رشته را برمی گرداند:
var name = "value";
var stringLength = name.length;
برای اهداف خوانایی ، برنامه نویسان از خطوط طولانی تر از 80 حرف جلوگیری می کنند ، زیرا پیمایش مکرر به پهلو ناخوشایند است:
document.getElementById("eighty").innerHTML ="Would you believe it if I said this text consists of exactly eighty characters?!";
در صورتی که یک عبارت نتواند در یک خط واحد قرار گیرد (یا محدودیت 80 کاراکتر) ، باید سعی کنید آن را به یک خط جداگانه تقسیم کنید ، بنابراین یک رشته چند خطی JavaScript ایجاد کنید. شکسته کردن یک خط در داخل رشته با یک بک اسلش تنها ، مانند مثال زیر امکان پذیر است:
document.getElementById("test").innerHTML = "Hello \
there!";
توجه: بخاطر داشته باشید که این روش یک استاندارد ECMAScript نیست ، بنابراین توسط همه مرورگرها پشتیبانی نمی شود (بعضی از آنها قبل از بک اسلش فاصله نمی دهند).
خطوط کد ، با این وجود نمی توانند با استفاده از یک بک اسلش شکسته شوند. این فقط برای متن کار می کند (داده های رشته ای):
document.getElementById("hello").innerHTML = \
"Hey there.";
یک روش ایمن تر ، اما همچنین آهسته تر برای ایجاد یک رشته چند خطی JavaScript استفاده از رشته است:
document.getElementById("hello").innerHTML = "Hey" +
"There!";
رشته ها به عنوان اشیا
به طور معمول ، رشته ها در JavaScript فقط مقادیر ابتدایی هستند که از کلمات کلیدی مانند var name = “value” ایجاد شده اند. با این حال ، با استفاده از کلمه کلیدی new ، می توان آنها را به عنوان اشیا نیز اعلام کرد – var name = new String (“مقدار”):
var a = "Joe"; // typeof a returns string
var b = new String("Joe"); // typeof b returns object
وقتی از عملگر مقایسه == استفاده می کنید ، این دو رشته جاوا اسکریپت برابر به نظر می رسند:
var a = "Joe";
var b = new String("Joe"); // (a == b) is true since the values of a and b are equal
اکنون ، وقتی از عملگر === استفاده می کنید ، همان رشته ها برابر نیستند ، زیرا عملگر === انتظار دارد که هم مقدار و هم نوع برابر باشند:
var a = "Joe";
var b = new String("Joe"); // (a === b) is false because the object types of a and b are different
به خاطر داشته باشید که دو شی به هیچ وجه قابل مقایسه نیستند:
var a = new String("Joe");
var b = new String("Joe");
// (a == b) is false since since objects cannot be compared
// (a == a) is true since its a single object being compared to itself
خصوصیات و روشها
مقادیر ابتدایی مانند “word” نمی توانند روش یا ویژگی داشته باشند (آنها اشیا نیستند). هنوز هم ، در JavaScript ، از ویژگی ها و روش ها می توان با مقادیر ابتدایی نیز استفاده کرد ، زیرا JavaScript هنگام اجرای ویژگی ها و روش ها ، آنها را به عنوان اشیا در نظر می گیرد.
نگاهی به جدول با لیستی از ویژگی های احتمالی رشته های جاوا اسکریپت:
Description | Property |
تابعی را که نمونه اولیه رشته را ایجاد کرده است برگردانید | constructor |
طول رشته جاوا اسکریپت را برگردانید | length |
اجازه اضافه کردن روش ها و خصوصیات به یک شی | prototype |
بیایید جدول روش های زیر را نیز بررسی کنیم:
Description | Method |
بازگشت کاراکتر در یک شاخص مشخص (موقعیت) | ()charAt |
unicode یک نویسه را در یک شاخص مشخص برگردانید | ()charCodeAt |
به یک رشته یا چند رشته بپیوندید و یک نسخه از رشته های متصل را برگردانید | ()concat |
مقادیر یونی کد را به نویسه تبدیل کنید | ()fromCharCode |
موقعیت اولین وقایع پیدا شده از متن تعریف شده را در یک رشته برگردانید | ()indexOf |
موقعیت آخرین رخداد متن مشخص شده را در یک رشته برگردانید | ()lastIndexOf |
مقایسه دو رشته در محلی فعلی | ()localeCompare |
رشته را برای مطابقت با عبارت منظم جستجو کنید و مسابقات را برگردانید | ()match |
در رشته مقدار جستجو کنید و رشته جدید را با مقدار جایگزین شده برگردانید | ()replace |
رشته را برای مقدار جستجو کنید و موقعیت مطابقت را بازگردانید | ()search |
بخشی از یک رشته را استخراج کرده و یک رشته جدید را برگردانید | ()slice |
رشته را به آرایه زیر رشته ها تقسیم کنید | ()split |
استخراج بخشی از رشته با شروع از یک شاخص مشخص از طریق تعداد مشخصی از نویسه ها | ()substr |
بخشی از رشته را بین دو موقعیت مشخص شده استخراج کنید | ()substring |
مطابق با محل میزبان ، رشته را به حروف کوچک تبدیل کنید | ()toLocaleLowerCase |
مطابق با محل میزبان ، رشته را به حروف بزرگ تبدیل کنید | ()toLocaleUpperCase |
رشته را به حروف کوچک تبدیل کنید | ()toLowerCase |
مقدار شی object رشته ای را برگردانید | ()toString |
رشته را به حروف بزرگ تبدیل کنید | ()toUpperCase |
فضای خالی را از دو انتهای رشته حذف کنید | ()trim |
مقدار ابتدایی اشیاring رشته ای را برگردانید | ()valueOf |
خلاصه رشته های جاوا اسکریپت:
- رشته JavaScript نوعی داده است که داده های متنی را ذخیره می کند.
- رشته های جاوا اسکریپت می توانند داده ها را در محیط جاوا اسکریپت دستکاری کنند.
- نقل قول فرار از جاوا اسکریپت ، اسلش ، قطع خط و غیره را می توان با استفاده از بک اسلش (\) به عنوان یک کاراکتر فرار وارد کرد.
این مقاله چقدر براتون مفید بود؟