حذف فاصله‌های خالی در جاوااسکریپت با trim()، trimStart() و trimEnd() | مثال

وقتی با رشته‌ها در جاوااسکریپت کار می‌کنید، خیلی رایج است که با فاصله‌های خالیِ ناخواسته در ابتدا یا انتهای یک رشته روبه‌رو شوید. این فاصله‌ها می‌توانند روی کارهایی مثل مقایسه، ذخیره‌سازی یا نمایش تأثیر بگذارند، به همین دلیل مهم است که بدانید چطور آن‌ها را به‌صورت مؤثر حذف کنید.

در این درس، بررسی می‌کنیم که چگونه می‌توانید با استفاده از متدهای trim()، trimStart() و trimEnd() در جاوااسکریپت فاصله‌های خالی را حذف کنید.

فاصله‌ی خالی (whitespace) به فاصله‌ها، تب‌ها، یا رفتن به خط بعد گفته می‌شود که در یک رشته وجود دارند اما کاراکترهای قابل مشاهده نیستند. برای مثال:

let greeting = "   Hello, world!   ";

در این حالت، قبل و بعد از متن قابل مشاهده‌ی Hello, world! چند فاصله وجود دارد.

متد trim() رایج‌ترین روش برای حذف فاصله‌های خالی از ابتدا و انتهای یک رشته است. مثال:

let message = "   Hello!   ";
console.log(message); // "   Hello!   "
let trimmedMessage = message.trim();
console.log(trimmedMessage);  // "Hello!"

"   Hello!   "
"Hello!"

در این حالت، متد trim() تمام فاصله‌های خالیِ ابتدا و انتهای رشته را حذف می‌کند و فقط Hello! را باقی می‌گذارد. توجه داشته باشید که هر فاصله‌ی خالی داخل رشته (مثلاً بین کلمات) توسط trim() دست‌نخورده باقی می‌ماند.

گاهی ممکن است فقط بخواهید فاصله‌های خالی را از ابتدای رشته یا فقط از انتهای آن حذف کنید، نه هر دو. اینجاست که trimStart() و trimEnd() به کار می‌آیند.

trimStart() فاصله‌های خالی را از ابتدای رشته حذف می‌کند.

let greeting = "   Hello!   ";
console.log(greeting);  // "   Hello!   "
let trimmedStart = greeting.trimStart();
console.log(trimmedStart);  // "Hello!   "

"   Hello!   "
"Hello!   "

trimEnd() فاصله‌های خالی را از انتهای رشته حذف می‌کند.

let greeting = "   Hello!   ";
console.log(greeting);  // "   Hello!   "
let trimmedEnd = greeting.trimEnd();
console.log(trimmedEnd);  // "   Hello!"

"   Hello!   "
"   Hello!"

این متدها به شما کنترل دقیق‌تری می‌دهند تا مشخص کنید کدام بخش از رشته را می‌خواهید پاک‌سازی کنید.

در جمع‌بندی، حذف فاصله‌های خالی بخش مهمی از کار با رشته‌ها در جاوااسکریپت است. چه بخواهید داده‌های ورودی را تمیز کنید و چه بخواهید مقایسه‌ی رشته‌ها را یکدست و دقیق انجام دهید، می‌توانید از trim() برای حذف فاصله‌های خالی از دو طرف رشته استفاده کنید، یا از trimStart() و trimEnd() برای هدف قرار دادن بخش مشخصی از رشته استفاده کنید.

سوالات

متد trim() در جاوااسکریپت با یک رشته چه می‌کند؟

• تمام فاصله‌های داخل رشته را حذف می‌کند
• تمام فاصله‌های خالی را از ابتدا و انتهای رشته حذف می‌کند
• فقط فاصله‌های بین کلمات را حذف می‌کند
• همه‌ی کاراکترهای رشته را با فاصله‌ی خالی جایگزین می‌کند

اگر فقط بخواهید فاصله‌های خالی را از ابتدای یک رشته حذف کنید، از کدام متد استفاده می‌کنید؟

• trim()
• trimEnd()
• trimStart()
• replace()

خروجی کد زیر چه خواهد بود؟

let str = "   Code   ";
console.log(str.trimEnd());

• "Code"
• " Code"
• "Code "
• " Code "