জাভাস্ক্রিপ্টে, একটি স্ট্রিং থেকে হোয়াইটস্পেস ফিল্টার করার বিভিন্ন উপায় রয়েছে। এই নিবন্ধটি কীভাবে পাঁচটি উপায়ে এটি করতে হয় তা দেখিয়ে আপনার স্ট্রিং-এর সাদা স্থানের অক্ষরগুলির সাহায্যে আপনি কীভাবে এটি করতে পারেন তা ব্যাখ্যা করার চেষ্টা করে:
- লুপ ব্যবহার করা
- একটি অ্যারে পদ্ধতি ব্যবহার করা:বিভক্ত/ফিল্টার/যোগদান পদ্ধতি
- অ্যারে পদ্ধতি ব্যবহার করা:বিভক্ত/যোগদান করুন
- প্রতিস্থাপন পদ্ধতি ব্যবহার করে
লুপ ব্যবহার করা
আমরা যখন লুপের জন্য ব্যবহার করি, তখন লুপের আগে আমাদের একটি নতুন স্ট্রিং ভেরিয়েবল ঘোষণা করতে হবে যাতে আমরা যেতে যেতে এটিতে যোগ করতে পারি।
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<style>
body {
font-family: 'Roboto', Courier, monospace
}
</style>
<script>
const handleSubmit = str => {
//loop
let newStr = "";
for(let i = 0; i < str.length; i++) {
if(str[i] !== " ") {
newStr += str[i];
}
}
document.getElementById("demo").innerHTML = newStr;
}
</script>
</head>
<body>
<h1>Whitespace Filter</h1>
<input id="demoString" value="" type="text" name="inputString" placeholder="I'm a string"/>
<input type="submit" onclick="handleSubmit(demoString.value)"/>
<div id="demo"></div>
</body>
</html> লুপ প্রতিটি স্বতন্ত্র অক্ষর দেখে তা একটি হোয়াইটস্পেস অক্ষর কিনা তা দেখতে। যদি এটি না হয় তবে এটি নতুন স্ট্র ভেরিয়েবলে যুক্ত করে। এখানে আমাদের উদ্দেশ্য পূরণ করার জন্য, আমরা এটিকে ডকুমেন্ট অবজেক্ট মডেল (DOM) এ সন্নিবেশ করি যাতে আমরা এটি স্ক্রিনে দেখতে পারি। আপনার কোডের অন্য কোথাও এটি ব্যবহার করার প্রয়োজন হলে, আপনি newStr ভেরিয়েবলটি ফেরত দেবেন।
একটি অ্যারে পদ্ধতি ব্যবহার করা:স্প্লিট/ফিল্টার/যোগদান পদ্ধতি
উপরে বর্ণিত লুপ পদ্ধতির সাথে ঘনিষ্ঠভাবে সম্পর্কিত, বিভক্ত/ফিল্টার পদ্ধতি একটি স্ট্রিং নেয়, এটিকে একটি অ্যারেতে বিভক্ত করে এবং তারপরে ES6 পদ্ধতি ফিল্টার ব্যবহার করে যা হোয়াইটস্পেস সরিয়ে দেয়। এটি কীভাবে করবেন তা এখানে:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<style>
body {
font-family: 'Roboto', Courier, monospace
}
</style>
<script>
const handleSubmit = str => {
//split/Filter
const splitted = str.split('');
const filtered = splitted.filter(char => {
return char !== " ";
})
let newStr = filtered.join('');
document.getElementById("demo").innerHTML = newStr;
}
</script>
</head>
<body>
<h1>Whitespace Filter</h1>
<input id="demoString" value="" type="text" name="inputString" placeholder="I'm a string"/>
<input type="submit" onclick="handleSubmit(demoString.value)"/>
<div id="demo"></div>
</body>
</html> অ্যারে পদ্ধতি ব্যবহার করা:বিভক্ত/যোগদান করুন
পূর্ববর্তী বিভাগে, আমরা একটি স্ট্রিং থেকে স্পেস মুছে ফেলার জন্য স্প্লিট, ফিল্টার এবং জয়েন ব্যবহার করেছি। বাস্তবে, যদি আমরা অ্যারে পদ্ধতি ব্যবহার করি তবে আমাদের কেবল বিভক্ত এবং যোগদান পদ্ধতি ব্যবহার করতে হবে। আমাদের যা করতে হবে তা হল স্পেসে বিভক্ত হওয়া এবং তারপরে প্রতিটি চরিত্রে যোগদান করা!
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<style>
body {
font-family: 'Roboto', Courier, monospace
}
</style>
<script>
const handleSubmit = str => {
//split/join
const splitted = str.split(' ');
let newStr = splitted.join('');
document.getElementById("demo").innerHTML = newStr;
}
</script>
</head>
<body>
<h1>Whitespace Filter</h1>
<input id="demoString" value="" type="text" name="inputString" placeholder="I'm a string"/>
<input type="submit" onclick="handleSubmit(demoString.value)"/>
<div id="demo"></div>
</body>
</html> কি একটি আকর্ষণীয় ছোট শর্টকাট! আপনার স্ট্রিং থেকে সেই অক্ষরটিকে সম্পূর্ণভাবে কেটে ফেলার জন্য আপনি আপনার পছন্দের একটি অক্ষরে বিভক্ত করতে পারেন এবং তারপরে আপনার স্ট্রিং পেতে পৃথক অক্ষরের সাথে আবার অ্যারেতে যোগ দিতে পারেন৷
প্রতিস্থাপন পদ্ধতি ব্যবহার করা:
আপনি যখন আপনার স্ট্রিং এর সমস্ত স্পেস ফিল্টার করতে RegEx ব্যবহার করতে চান তখন প্রতিস্থাপন পদ্ধতিটি ব্যবহার করার জন্য দুর্দান্ত। আমাদের এখানে RegEx ব্যবহার করতে হবে কারণ প্রতিস্থাপন, সংজ্ঞা অনুসারে, এটি যা খুঁজছে তার প্রথম উদাহরণটিকে প্রতিস্থাপন করে। যদি আমাদের স্ট্রিংয়ে একাধিক স্পেস থাকে, তবে প্রতিস্থাপন পদ্ধতিটি শুধুমাত্র প্রথম স্থানটি বের করবে - যদি না আমরা সাদা স্থান সনাক্ত করার জন্য একটি নিয়মিত অভিব্যক্তি ব্যবহার করি।
রেগুলার এক্সপ্রেশনের শেষে গ্লোবাল পতাকা যা আমাদের একাধিক উদাহরণ অনুসন্ধান এবং প্রতিস্থাপন করতে দেয়।
81% অংশগ্রহণকারী বলেছেন যে তারা বুটক্যাম্পে যোগ দেওয়ার পরে তাদের প্রযুক্তিগত কাজের সম্ভাবনা সম্পর্কে আরও আত্মবিশ্বাসী বোধ করেছেন। আজই একটি বুটক্যাম্পের সাথে মিলিত হন৷
৷গড় বুটক্যাম্প গ্র্যাড একটি বুটক্যাম্প শুরু করা থেকে শুরু করে তাদের প্রথম চাকরি খোঁজা পর্যন্ত ক্যারিয়ারের পরিবর্তনে ছয় মাসেরও কম সময় কাটিয়েছে।
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<style>
body {
font-family: 'Roboto', Courier, monospace
}
</style>
<script>
const handleSubmit = str => {
let regex = /\s+/g
let newStr = str.replace(" ", "");
document.getElementById("demo").innerHTML = newStr;
}
</script>
</head>
<body>
<h1>Whitespace Filter</h1>
<input id="demoString" value="" type="text" name="inputString" placeholder="I'm a string"/>
<input type="submit" onclick="handleSubmit(demoString.value)"/>
<div id="demo"></div>
</body>
</html>
\s একটি হোয়াইটস্পেস অক্ষর এবং + নির্দেশ করে যে আমরা এক বা একাধিক হোয়াইটস্পেস অক্ষর খুঁজছি যেগুলি একটি সারিতে গ্রুপ করা হয়েছে। অভিব্যক্তির শেষে g, একটি অনুস্মারক হিসাবে, নির্দেশ করে যে আমরা হোয়াইটস্পেস অক্ষরের একাধিক ভিন্ন গ্রুপিং খুঁজছি।
উপসংহার
এই নিবন্ধে আমরা জাভাস্ক্রিপ্টে স্টোরিং থেকে সাদা স্থান বের করার চারটি উপায় কভার করেছি। আমরা লুপ, ফিল্টার পদ্ধতি, বিভক্ত/যোগদান পদ্ধতি এবং নিয়মিত এক্সপ্রেশন ব্যবহার করেছি। জাভাস্ক্রিপ্টে এই মৌলিক জিনিসগুলি কীভাবে করতে হয় তা শিখলে আপনি আপনার যাত্রায় অগ্রসর হওয়ার সাথে সাথে জাভাস্ক্রিপ্টে আরও জটিল সমস্যা সমাধানের জন্য আপনার প্রয়োজনীয় সরঞ্জামগুলি প্রদান করবে!
