تبدیل حروف کوچک و بزرگ در جاوااسکریپت با toUpperCase() و toLowerCase()

وقتی با رشته‌ها در جاوااسکریپت کار می‌کنید، موقعیت‌های زیادی پیش می‌آید که لازم باشد حالت حروف متن را تغییر دهید؛ مثلاً همه‌ی حروف را برای یک عنوان به حروف بزرگ تبدیل کنید، یا برای یکدست‌سازی متن، آن را به حروف کوچک تبدیل کنید.

خوشبختانه، جاوااسکریپت این کار را با دو متد داخلی ساده کرده است: toUpperCase() و toLowerCase().

متد toUpperCase() همه‌ی کاراکترهای رشته را به حروف بزرگ تبدیل می‌کند و یک رشته‌ی جدید که شامل تمام حروف بزرگ است برمی‌گرداند. این متد زمانی مفید است که بخواهید روی متن تأکید کنید یا در قالب‌بندی رشته‌ها هماهنگی ایجاد کنید.

بیایید یک مثال را ببینیم:

let greeting = "Hello, World!";
let uppercaseGreeting = greeting.toUpperCase();
console.log(uppercaseGreeting);  // "HELLO, WORLD!"

"HELLO, WORLD!"

در این کد، متد toUpperCase() کل رشته را به حروف بزرگ تبدیل می‌کند.

رشته‌ی اصلی بدون تغییر باقی می‌ماند، چون toUpperCase() به‌جای تغییر دادن مقدار اصلی، یک رشته‌ی جدید برمی‌گرداند.

از طرف دیگر، متد toLowerCase() همه‌ی کاراکترهای یک رشته را به حروف کوچک تبدیل می‌کند. این متد زمانی مفید است که بخواهید ورودی‌ها را استاندارد کنید؛ مثلاً هنگام مقایسه‌ی متنی که کاربر وارد کرده یا زمانی که می‌خواهید بررسی‌هایی انجام دهید که به بزرگی و کوچکی حروف حساس نباشند.

بیایید یک مثال را ببینیم:

let shout = "I AM LEARNING JAVASCRIPT!";
let lowercaseShout = shout.toLowerCase();
console.log(lowercaseShout);  // "i am learning javascript!"

"i am learning javascript!"

متد toLowerCase() همه‌ی کاراکترها را به حروف کوچک تبدیل می‌کند و در عین حال رشته‌ی اصلی را بدون تغییر نگه می‌دارد.

در جمع‌بندی، متدهای toUpperCase() و toLowerCase() در جاوااسکریپت ابزارهای قدرتمندی برای تبدیل رشته‌ها به حروف بزرگ یا کوچک هستند.

این متدها مخصوصاً برای استانداردسازی ورودی متن، انجام مقایسه‌های بدون حساسیت به بزرگی و کوچکی حروف، و حفظ یکپارچگی در طراحی بسیار مفید هستند.

با این متدهای ساده اما مؤثر، می‌توانید کار با متن را به شکلی کنترل‌شده‌تر و قابل پیش‌بینی‌تر انجام دهید.

سوالات

متد toUpperCase() وقتی روی یک رشته در جاوااسکریپت فراخوانی می‌شود چه کاری انجام می‌دهد؟

• فقط اولین حرف رشته را به حرف بزرگ تبدیل می‌کند.
• همه‌ی کاراکترهای رشته را به حروف بزرگ تبدیل می‌کند.
• همه‌ی کاراکترهای رشته را به حروف کوچک تبدیل می‌کند.
• رشته را برعکس می‌کند.

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

let phrase = "JavaScript is Fun!";
console.log(phrase.toLowerCase());

• JAVASCRIPT IS FUN!
• JavaScript is fun!
• javascript is fun!
• Javascript Is Fun!

در کدام موقعیت احتمال بیشتری دارد که از متد toLowerCase() استفاده کنید؟

• وقتی می‌خواهید مطمئن شوید ورودی کاربر برای مقایسه‌های بدون حساسیت به بزرگی و کوچکی حروف استاندارد شده است.
• وقتی لازم دارید اولین حرف هر کلمه در یک جمله را بزرگ کنید.
• وقتی می‌خواهید فاصله‌های داخل یک رشته را با آندرلاین (_) جایگزین کنید.
• وقتی می‌خواهید کاراکترهای یک رشته را برعکس کنید.