const names = ["arman", "ali", "davood", "narges"];
const uppercase = names.map((name) => {
return name[0].toUpperCase() + name.slice(1);
});
console.log(uppercase);
.
قطعه کد
return name[0].toUpperCase() + name.slice(1);
در واقع قطعه ای از تابع توالی است که یک نام به عنوان ورودی می‌گیرد و حرف اول این نام را به حروف بزرگ تبدیل کرده و سپس بقیه‌ی نام را به عنوان یک زیررشته (substring) بدون تغییر برمیگرداند.
توضیح‌های دقیق‌تر:
-
name[0]
اولین حرف (حرف اول) از نام را انتخاب می‌کند.
-
.toUpperCase()
این حرف اول را به حروف بزرگ تبدیل می‌کند.
-
name.slice(1)
بقیه‌ی نام را از جایگاه دوم (حرف دوم) به بعد به عنوان یک زیررشته (substring) انتخاب می‌کند.
سپس با افزودن حرف اول تبدیل شده به حروف بزرگ به بقیه‌ی نام، کلمه نام به حالت "بزرگ ابتدایی" (بزرگ اولین حرف و کوچک بقیه حروف) تغییر می‌کند.
.
متد
slice()
یکی از متدهای رشته‌ها (strings) و آرایه‌ها (arrays) در جاوااسکریپت است و برای انتخاب یک بخش مشخص از رشته یا آرایه به عنوان یک زیررشته (substring) یا زیرآرایه (subarray) جدید استفاده می‌شود.
متد
slice()
دو پارامتر اختیاری دارد:
1. نقطه شروع (start): این پارامتر نشان می‌دهد از کجا شروع به انتخاب زیررشته یا زیرآرایه می‌کنید. این پارامتر به صورت اختیاری است و اگر مقداری ندهید، از ابتدای رشته یا آرایه شروع می‌شود.
2. نقطه پایان (end): این پارامتر نشان می‌دهد تا کجا زیررشته یا زیرآرایه را انتخاب می‌کنید. این پارامتر نیز به صورت اختیاری است و اگر مقداری ندهید، تا انتهای رشته یا آرایه انتخاب می‌شود.
متد
slice()
یک زیررشته یا زیرآرایه جدید ایجاد می‌کند و رشته یا آرایه اصلی را تغییر نمی‌دهد. این متد بسیار مفید است برای انتخاب و استفاده از بخشی از یک رشته یا آرایه بدون تغییر دادن مقدار اصلی به کار میرود.
.
متد
toUpperCase()
نیز یکی از متدهای رشته در جاوااسکریپت است و برای تبدیل یک رشته به حالت حروف بزرگ (بزرگی) استفاده می‌شود.
وقتی این متد روی یک رشته فراخوانی می‌شود، تمام حروف کوچک در رشته به حروف بزرگ تبدیل می‌شوند. حروفی که از قبل حروف بزرگ هستند یا نمی‌توانند به حروف بزرگ تبدیل شوند (مانند حروف عددی یا علائم خاص) بدون تغییر باقی می‌مانند.
نمونه:
const str = "Hello, World!";
const upperCaseStr = str.toUpperCase();
console.log(upperCaseStr); // "HELLO, WORLD!"
در این مثال، متد
toUpperCase()
رشته "Hello, World!" را به حالت "HELLO, WORLD!" تبدیل کرده است. این متد بسیار مفید است زمانی که شما نیاز دارید تا رشته‌ها را برای مقایسه یا نمایش به حالت حروف بزرگ تغییر دهید.
.
نمونه کدر در کدپن
https://codepen.io/seyedahmaddv/pen/NWobYBw
