رشته های جاوا اسکریپت

نوع داده ای که شامل متن است ، رشته 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 نوعی داده است که داده های متنی را ذخیره می کند.
• رشته های جاوا اسکریپت می توانند داده ها را در محیط جاوا اسکریپت دستکاری کنند.
• نقل قول فرار از جاوا اسکریپت ، اسلش ، قطع خط و غیره را می توان با استفاده از بک اسلش (\) به عنوان یک کاراکتر فرار وارد کرد.