স্ট্রিং এর প্রথম অক্ষর বড় হাতের করা

JavaScript:
স্ট্রিং এর প্রথম অক্ষর বড় হাতের করা

কিভাবে:

জাভাস্ক্রিপ্টে, সরাসরি স্ট্রিং মূলধনীকরণের জন্য কোনো আগে থেকে তৈরি মেথড নেই, তবে বেসিক স্ট্রিং ম্যানিপুলেশন মেথডগুলি ব্যবহার করে এটি বাস্তবায়ন করা সহজ।

স্ট্যান্ডার্ড জাভাস্ক্রিপ্ট ব্যবহার করে

function capitalize(str) {
  if (!str) return '';
  return str.charAt(0).toUpperCase() + str.slice(1);
}

console.log(capitalize('hello world')); // আউটপুট: "Hello world"

ES6 সংস্করণ

ES6 টেমপ্লেট লিটারাল ব্যবহার করে, ফাংশনটি আরও সংক্ষিপ্তভাবে লিখা যেতে পারে:

const capitalize = (str) => !str ? '' : `${str[0].toUpperCase()}${str.slice(1)}`;

console.log(capitalize('hello ES6')); // আউটপুট: "Hello ES6"

Lodash ব্যবহার করে

Lodash একটি জনপ্রিয় তৃতীয়-পক্ষের ইউটিলিটি লাইব্রেরি, যা জাভাস্ক্রিপ্ট মানগুলি, স্ট্রিং সহ, ম্যানিপুলেট এবং কাজ করার জন্য বিস্তৃত পরিসরের ফাংশন প্রদান করে। Lodash ব্যবহার করে স্ট্রিং মূলধনীকরণ করতে:

// প্রথমে, যদি আপনি ইনস্টল না করে থাকেন: npm install lodash
const _ = require('lodash');

console.log(_.capitalize('LODASH উদাহরণ')); // আউটপুট: "Lodash উদাহরণ"

লক্ষ্য করুন কিভাবে Lodash শুধুমাত্র প্রথম অক্ষরটিকে মূলধনীকৃত করে না বরং বাকি স্ট্রিংটিকে ছোট হাতের অক্ষরে রূপান্তরিত করে, যা সাধারণ জাভাস্ক্রিপ্ট বাস্তবায়ন থেকে সামান্য ভিন্ন।

CSS ব্যবহার করে (শুধুমাত্র ডিসপ্লে উদ্দেশ্যে)

যদি লক্ষ্য হয় UI তে টেক্সটকে মূলধনীকৃত করে প্রদর্শন করা, CSS ব্যবহার করা যেতে পারে:

.capitalize {
  text-transform: capitalize;
}
<div class="capitalize">hello css</div> <!-- প্রদর্শন করা হবে "Hello css" -->

নোট: এই পদ্ধতিটি ওয়েবপেজে টেক্সটের দৃশ্যমানতা পরিবর্তন করে তবে জাভাস্ক্রিপ্টে স্ট্রিং নিজেই পরিবর্তন করে না।