عملکرد رشته ها در جاوااسکریپت

همراه ما باشید با بررسی عملکرد رشته ها در جاوااسکریپت . هر یک از انواع داده های جاوا اسکریپت عملکرد ، ویژگی ها و روش های خاص خود را دارد که باید از آنها آگاهی داشته باشید. در شروع کار با جاوا اسکریپت تمایز هر یک اساسی است.

رشته های جاوا اسکریپت داده های متنی را ذخیره می کنند. در این آموزش ، شما همه چیز را در مورد روش ها و خصوصیات رشته JavaScript یاد خواهید گرفت. شما خواهید فهمید که چگونه داده های متنی را با استفاده از آنها دستکاری کنید ، چگونه رشته های بهم پیوسته جاوا اسکریپت را ایجاد کنید ، متن را برش دهید ، اضافه کنید یا از آن پیش بکشید و همچنین شخصیت های خاصی را از یک رشته بگیرید.

نکات اصلی عملکرد رشته ها در جاوااسکریپت:

• روش های رشته ای به استفاده و اصلاح رشته ها کمک می کنند.
• روشهای رشته ای بسیار متنوعی در JavaScript وجود دارد.
• قبل از اینکه به عنوان آرایه با استفاده از روش های آرایه به رشته دسترسی پیدا کنید ، باید آن را به آرایه تغییر دهید.

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

اغلب موارد وجود دارد که شما نیاز به جستجوی خاصی در رشته JavaScript خود دارید. چه به دنبال یک فهرست یا یک رشته باشید ، توابعی وجود دارد که به شما امکان می دهد این کار را انجام دهید. بیایید نگاهی به توضیحات و مثالهای آنها بیندازیم.

indexOf برای بازگرداندن نمایه ای از اولین نمونه کاراکتر یا متن تنظیم شده در رشته متن استفاده می شود:

var loc = "Lets find where 'place' occurs!";
var plc = loc.indexOf("place");

اکنون ، lastIndexOf برای بازگرداندن نمایه ای از آخرین نمونه از یک کاراکتر یا متن تنظیم شده در رشته متن استفاده می شود:

var plc = "Please locate where 'place' occurs!";
var loc = plc.lastIndexOf("place");

وقتی متنی یافت نشد ، این دو روش -1 را برمی گردانند. ما قبلاً می دانیم که جاوا اسکریپت از 0 شروع به محاسبه می کند. بنابراین ، ممکن است یک پارامتر اضافی به عنوان شاخص شروع برای بررسی روش ها باشد.

برای یافتن شاخص شروع یک مقدار تعریف شده ، از جستجو استفاده می شود:

var txt = "Let us find where 'place' starts!";
var loc = txt.search("place");

توجه: جستجو و indexOf ممکن است یکسان به نظر برسند ، اما indexOf عبارات منظم را قبول نمی کند ، در حالی که جستجو فقط یک استدلال موقعیت شروع را می گیرد.

استخراج قطعات رشته ای

روش های ذکر شده در زیر برای استخراج یک قطعه از رشته استفاده می شود:

• برش (شروع ، پایان)
• زیر رشته (شروع ، پایان)
• substr (شروع ، طول)

JavaScript slice برای استخراج یک رشته از رشته و برگرداندن آن به عنوان یک رشته جدید استفاده می شود. دو پارامتر وجود دارد: یک شاخص موقعیت شروع و یک پایان. در کد زیر ، می توانید بخشی از رشته را که از موقعیت 7 به 13 بریده شده است مشاهده کنید:

var txt = "BMW, Audi, Mercedes";
var ans = txt.slice(7, 13);

وقتی مقدار منفی تعریف شده باشد ، محاسبه از محل رشته انتهایی شروع می شود. در کد زیر ، می توانید بخشی از رشته را که از موقعیت -12 تا -6 قرار دارد برش دهید:

var txt = "BMW, Audi, Mercedes";
var ans = txt.slice(-12, -6);

اگر پارامتر دوم حذف شود ، این روش قسمت دیگر یک رشته را برش می دهد:

var ans = txt.slice(7);

از انتها می توان شمارش کرد:

var ans = txt.slice(-12);

توجه: IE 8 از مقادیر منفی پشتیبانی نمی کند.

متد JavaScript از یک جهت عمده متفاوت است: این شاخص شاخص های منفی را دریافت نمی کند:

var txt = "BMW, Audi, Mercedes";
var ans = txt.substring(7, 13);

اکنون ، روش substr نیز تفاوت خاص خود را دارد. طول در پارامتر مقدار دوم تعریف شده است ، بنابراین نمی تواند منفی باشد. =:

var txt = "BMW, Audi, Mercedes";
var ans = txt.substr(7, 6);

صحبت از طول یک رشته داده جاوا اسکریپت است ، می توانید از ویژگی length برای برگرداندن آن استفاده کنید. به مثال زیر مراجعه کنید:

var lng = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var x = lng.length;

استخراج شخصیت ها

همچنین دو روش وجود دارد که می توانید هر رشته از یک رشته را با خیال راحت بگیرید:

• charAt (موقعیت)
• charCodeAt (موقعیت)

ما از روش charAt JavaScript برای بازگرداندن یک نویسه در یک شاخص مشخص در متن استفاده می کنیم. نام تابع را به صورت charAt تایپ می کنیم:

var txt = "HELLO WORLD";
txt.charAt(0); // returns H

()charCodeAt برای بازگرداندن یونیکد نویسه در مکان مشخص شده در یک رشته استفاده می شود:

var txt = "HELLO WORLD";
txt.charCodeAt(0); // returns 72

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

با استفاده از change مقدار تعریف شده را به مقدار دیگری تغییر می دهد:

txt = "I like to learn with bitdegree!";
var x = txt.replace("bitdegree", "bitdegree.org");

به طور پیش فرض ، تابع جایگزین اولین مسابقه می شود:

txt = "I like to learn with bitdegree. I like to learn with bitdegree.";
var x = txt.replace("bitdegree", "bitdegree.org");

g/ برای خاموش کردن همه رشته های همسان استفاده می شود:

txt = "I like to learn. I like to learn with bitdegree.";
var x = txt.replace(/bitdegree/g, "bitdegree.org");

جایگزین () به حروف کوچک و بزرگ حساس است بنابراین استفاده از حروف بزرگ باعث کارایی آن نمی شود:

txt = "Lets visit bitdegree!";
var x = txt.replace("BITDEGREE", "bitdegree.org");

i/ برای حل این مشکل استفاده می شود:

txt = "Let's visit bitdegree!";
var x = txt.replace(/bitdegree/i, "bitdegree.org");

تبدیل موارد

در برخی موارد ، ممکن است لازم باشد کل محتوای رشته را به سرعت به یک مورد تبدیل کنید. به عنوان مثال ، ممکن است بخواهید با قرار دادن آن در همه کلاهک ها ، آن را برجسته کنید. توابع در JavaScript وجود دارد که فقط برای انجام این کار طراحی شده است!

متد متن را به بزرگ تبدیل می کند:

var txt1 = "Hi World!";       // String
var txt2 = txt1.toUpperCase();  // txt2 is txt1 converted to upper

متد toLowerCase متن را به کوچک تبدیل می کند:

var txt1 = "Hi World!";       // String
var txt2 = txt1.toLowerCase();  // txt2 is txt1 converted to lower

پیوستن به رشته ها

بعضی اوقات باید رشته های جداگانه ای را به یکی متصل کنیم. این روش به هم پیوستگی رشته JavaScript گفته می شود و می توان آن را با استفاده از تابع JavaScript conCat اجرا کرد:

var txt1 = "Hi";
var txt2 = "World";
var txt3 = txt1.concat(" ", txt2);

علاوه بر اینکه یک روش اتصال رشته ای JavaScript است ، ()concat گاهی اوقات به عنوان یک عملگر بعلاوه استفاده می شود. از نظر عملکرد هر دو خط با هم مطابقت دارند:

var txt = "hi" + " " + "World!";
var txt = "hi".concat(" ", "World!");

هر دوی این روش ها یک رشته منحصر به فرد را برمی گردانند. رشته اصلی تغییر نمی کند. همانطور که گفته شد ، رشته ها فقط می توانند عوض شوند.

تبدیل یک رشته به یک آرایه

گاهی اوقات برای دستیابی به نتایج مورد نیاز ، باید نوع داده را تغییر دهیم. از تابع JavaScript split برای تبدیل رشته به آرایه استفاده می شود. هنگام جدا کردن جدا کننده ، سپس آرایه رشته کامل را در [0] ذخیره می کند:

var str = "x,y,z,g,t"; // String
str.split(","); // Split on commas
str.split(" "); // Split on spaces
str.split("|"); // Split on pipe

اگر از یک رشته خالی به عنوان جدا کننده استفاده کنیم (“”) ، آرایه شامل کاراکترهای تک حرف است:

var str = "Hello"; // String
str.split(""); // Split in characters

خلاصه عملکرد رشته ها در جاوااسکریپت:

• روش های رشته ای مختلفی وجود دارد که می توانید برای دستکاری رشته ها استفاده کنید.
• می توانید از روش های رشته ای برای اتصال رشته های جاوا اسکریپت ، تقسیم آنها ، دریافت نمایه های کاراکترها و انجام بسیاری از کارهای دیگر استفاده کنید.
• همچنین می توانید رشته را به آرایه ای تبدیل کنید که JavaScript شناسایی می کند.