منابع آموزشی و پژوهشی، برای دانشگاه و مدرسه
پشتیبانیانتشار محتوا
CODEX/سطح ۱؛ نوع‌ها و تبدیلjavascriptString

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

رشته در جاوااسکریپت برای نگهداری متن است؛ پاک‌کردن فاصله، جست‌وجو در عنوان و تفاوت متن اصلی با نتیجهٔ trim را همراه مثال و خروجی یاد بگیرید.

مفهوم به زبان ساده

رشته یا string مقداری برای نمایش متن است؛ مانند نام درس، عنوان کالا یا پیامی که به کاربر نشان می‌دهیم. می‌توانید آن را داخل کوتیشن تکی یا دوتایی بنویسید. بک‌تیک نیز برای ساخت #template-literal کاربرد دارد. وجود رقم در رشته آن را عدد نمی‌کند؛ "120" هنوز متن است و پیش از محاسبه ممکن است به تبدیل نیاز داشته باشد.

رشته‌ها تغییرناپذیرند؛ روش‌هایی مانند trim و replace متن تازه برمی‌گردانند و خود مقدار رشتهٔ قبلی را ویرایش نمی‌کنند. بنابراین اگر نتیجه را لازم دارید، باید آن را نگه دارید یا استفاده کنید. length نیز تعداد واحدهای UTF-16 را می‌دهد؛ برای همهٔ متن‌ها، به‌ویژه ایموجی‌ها، برابر تعداد نشانه‌های قابل مشاهده نیست.

در مثال، عنوان دریافتی از فرم در ابتدا و انتها فاصله دارد. نسخهٔ پاک‌شده را جدا می‌سازیم و با includes بررسی می‌کنیم واژهٔ «وب» در آن هست یا نه. فاصله‌های میانی بدون دلیل حذف نمی‌شوند. برای تمرین، عنوانی وارد کنید که فقط فاصله باشد و بررسی کنید پس از trim خالی است؛ این بررسی برای پیام «عنوان را بنویسید» مفید است.

کجا به کار می‌آید؟

  • پاک‌کردن فاصلهٔ اضافی در عنوان‌های ورودی فرم
  • ساخت پیام و بررسی وجود واژه در متن کوتاه

از تعریف تا یک مثال واقعی

javascript
const rawTitle = "  آموزش وب  ";
const title = rawTitle.trim();
console.log(title);
console.log(title.includes("وب"));
console.log(rawTitle === title);
خروجی مورد انتظار
آموزش وب
true
false
کد را تغییر دهید و نتیجه را ببینید.

این مثال چطور کار می‌کند؟

  1. rawTitle متن اصلی را همراه فاصله‌ها نگه می‌دارد.

  2. trim نسخه‌ای بدون فاصلهٔ ابتدا و انتها می‌سازد.

  3. includes وجود وب را بررسی می‌کند؛ مقایسهٔ آخر نشان می‌دهد دو متن یکسان نیستند.

اشتباه رایج

rawTitle.trim() به‌تنهایی مقدار rawTitle را تغییر نمی‌دهد. نادیده‌گرفتن مقدار برگشتی باعث می‌شود همچنان از متن قبلی استفاده کنید.

این را به خاطر بسپارید

متن را با هدف مشخص پردازش کنید و نتیجهٔ روش‌های رشته را نگه دارید.

بازگشت به نقشهٔ مفاهیم
یکجا انتخاب کن، راحت‌تر دریافت کن

انتخاب‌های من ۰ منبع

مجموعهٔ مطالعه‌ات را بساز.

کنار مقاله‌ها «انتخاب» را بزنید تا چند فایل را با هم دریافت کنید.

انتخاب مقاله‌های رایگان