জাভাস্ক্রিপ্ট জেকুয়েরি এঙ্গুলার জেএস এইচটিএমএল সিএসএস বুটস্ট্রাপ পিএইচপি সি প্রোগ্রামিং
ফোরাম
×

জেএস টিউটোরিয়াল

হোম-HOME পরিচিতি-Introduction ব্যবহার-Uses গঠনপ্রণালী-Syntax আউটপুট-Output তথ্যের ধরণ-Data Type চলক-Variable স্টেটমেন্ট-Statement মন্তব্য-Comment অপারেটর-Operator গণিত-Arithmetic এসাইনমেন্ট-Assignment ফাংশন-Function অবজেক্ট-Object স্কোপ-Scope ইভেন্ট-Event ধরণ পরিবর্তন-Type Conversion রেগুলার এক্সপ্রেশন-RegExp ভুল-Error জেসন-JSON হয়েস্টিং-Hoisting

কন্ট্রোল স্টেটমেন্ট

বুলিয়ান-Boolean তুলনা-Comparison শর্তাবলী-Condition সুইচ-Switch ফর লুপ- For Loop হোয়াইল লুপ-While Loop ব্রেক-Break এবং কন্টিনিউ-continue

স্ট্রিং এবং অ্যারে

স্ট্রিং-String স্ট্রিং পদ্ধতি-String Method অ্যারে-Array অ্যারে পদ্ধতি -Array Method অ্যারে সর্ট-ArraySort

সংখ্যা, গণিত ও তারিখ

সংখ্যা-Number সংখ্যা পদ্ধতি-Number Method গণিত-Math তারিখ-Date তারিখ বিন্যাস-Date Format তারিখ পদ্ধতি-Date Method

জেএস ফাংশন-Function

ফাংশনের সংজ্ঞা-Definition ফাংশন প্যারামিটার-Parameter ফাংশনকে ডাকা-Invocation ফাংশন ক্লোজার-Closure

জেএস অবজেক্ট-Object

অবজেক্টের সংজ্ঞা-Definition অবজেক্ট প্রোপার্টি-Property অবজেক্ট মেথড-Method অবজেক্ট প্রোটোটাইপ-Prototype

জেএস ফর্ম-Form

ফর্ম বৈধকরণ-Validation ফর্ম এপিআই-API

জেএস এইচটিএমএল ডোম-DOM

ডোম(DOM) পরিচিতি ডোম মেথড-Method ডোম ডকুমেন্ট-Document ডোম এলিমেন্ট -Element ডোম এইচটিএমএল-HTML ডোম সিএসএস-CSS ডোম অ্যানিমেশন-Animation ডোম ঘটনা-Event ডোম ইভেন্টলিসেনার-EventListener ডোম নেভিগেশন-Navigation ডোম নোড-Node ডোম নোডতালিকা-Nodelist

জেএস ব্রাউজার বোম-BOM

উইন্ডো-Window স্ক্রিন-Screen লোকেশন-Location হিস্টোরি-History নেভিগেটর-Navigator পপআপ এলার্ট-Popup Alert টাইমিং-Timing কুকি-Cookie

জেএস রেফারেন্স

জাভাস্ক্রিপ্ট অবজেক্ট এইচটিএমএল ডোম অবজেক্ট অপারেটর-Operator স্টেটমেন্ট-Statement অ্যারে-Array বুলিয়ান-Boolean স্ট্রিং-String সংখ্যা-Number রেগুলার এক্সপ্রেশন-RegExp গণিত-Math তারিখ-Date গ্লোবাল-Global কনভার্শন-Conversion


 

জাভাস্ক্রিপ্ট রেগুলার এক্সপ্রেশন


রেগুলার এক্সপ্রেশন হচ্ছে কিছু ক্যারেক্টারের ধারা যা একটি সার্চ প্যাটার্ন তৈরি করে।

সার্চ প্যাটার্নটি টেক্সট খোজার জন্য এবং টেক্সট প্রতিস্থাপনের জন্য ব্যবহার করা যায়।


রেগুলার এক্সপ্রেশন বলতে কী বোঝায়?

রেগুলার এক্সপ্রেশন হচ্ছে কিছু ক্যারেক্টারের ধারা যা একটি সার্চ প্যাটার্ন তৈরি করে।

টেক্সটের মধ্যে ডাটা খোজার সময় আপনি এই সার্চ প্যাটার্নের মাধ্যমে বলে দিতে পারেন কি পেতে চাইছেন।

রেগুলার এক্সপ্রেশন একটি ক্যারেক্টার অথবা আরো জটিল প্যাটার্নের হতে পারে।

গঠনপ্রণালী

/pattern/modifiers;
var patt = /sattacademy/i;

উদাহরণের ব্যাখ্যাঃ

/sattacademy/i  একটি রেগুলার এক্সপ্রেশন।

sattacademy  একটি প্যাটার্ন।(একটি অনুসন্ধান ব্যবহার করা হবে)

i  একটি মডিফায়ার(যা সার্চকে কেস ইনসেন্সিটিভ হবে নির্দেশ করে)।


স্ট্রিং মেথডের ব্যবহার

জাভাস্ক্রিপ্টে রেগুলার এক্সপ্রেশন দুটি স্ট্রিং মেথড দ্বারা ব্যবহার করা হয়ঃ search() এবং replace() মেথড।

search() মেথড মিল খোজার জন্য এক্সপ্রেশন ব্যবহার করে এবং এর অবস্থান রিটার্ন করে।

replace() মেথড পরিবর্তিত স্ট্রিংকে রিটার্ন করে।


search() মেথডে রেগুলার এক্সপ্রেশনের ব্যবহার

উদাহরণ

একটি স্ট্রিং-এর মধ্যে "sattacademy" অনুসন্ধান করতে একটি রেগুলার এক্সপ্রেশন ব্যবহার করিঃ

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>

<h3>স্যাট একডেমী এর জন্য একটি স্টিং অনুসন্ধান  করে  এবং  কাঙ্খিত অবস্থান প্রদর্শন করেঃ</h3>

<button onclick="myFunc()">  চেষ্টা করি </button>

<p id="test"></p>

<script>
function myFunc() {
    var text = "Visit sattacademy!";
    var n = text.search(/sattacademy/i);
    document.getElementById("test").innerHTML = n;
}
</script>

</body>
</html>

ফলাফল




search() মেথডে স্ট্রিং-এর ব্যবহার

search মেথড আর্গুমেন্ট হিসাবে একটি স্ট্রিং গ্রহণ করে। স্ট্রিং আর্গুমেন্ট একটি রেগুলার এক্সপ্রেশনে রূপান্তরিত হবেঃ

উদাহরণ

একটি স্ট্রিং-এর মধ্যে "SATTacademy" অনুসন্ধান করতে একটি স্ট্রিং ব্যবহার করিঃ

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>

<h3> "sattacademy" এর জন্য স্ট্রিং অনুসন্ধান করবে এবং পজিশণ প্রদর্শণ করবেঃ </h3>

<button onclick="myFunc()">ক্লিক</button>

<p id="test"></p>

<script>
function myFunc() {
    var text = "Visit sattacademy!";
    var n = text.search("sattacademy");
    document.getElementById("test").innerHTML = n;
}
</script>

</body>
</html>

ফলাফল




replace() মেথডে রেগুলার এক্সপ্রেশনের ব্যবহার

উদাহরণ

একটি স্ট্রিং-এর মধ্যে codeacademy এর স্থানে SATTacademy প্রতিস্থাপন করতে রেগুলার এক্সপ্রেশনের ব্যবহারঃ

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>

<h3> নিচের প্যারাগ্রাফে  codeacademy এর স্থানেে sattacademy  প্রতিস্থাপন করুনঃ </h3>

<button onclick="myFunc()">  চেষ্টা করি </button>

<p id="test"> ঘুরে আসুন  codeacademy!</p>

<script>
function myFunc() {
    var text= document.getElementById("txt").innerHTML;
    var n = text.replace(/codeacademy/i,"sattacademy");
    document.getElementById("txt").innerHTML = n;
}
</script>

</body>
</html>
    


ফলাফল



replace() মেথডে স্ট্রিং-এর ব্যবহার

replace() মেথড আর্গুমেন্ট হিসেবে একটি স্ট্রিংও গ্রহণ করেঃ

উদাহরণ

replace() মেথড আর্গুমেন্ট হিসেবে একটি স্ট্রিংও গ্রহণ করেঃ

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>

<h3> নিচের প্যারাগ্রাফে  codeacademy এর স্থানেে sattacademy  প্রতিস্থাপন করুনঃ </h3>

<button onclick="myFunc()">  চেষ্টা করি </button>

<p id="test"> ঘুরে আসুন  codeacademy!</p>

<script>
function myFunc() {
    var text= document.getElementById("test").innerHTML;
    var n = text.replace("codeacademy","sattacademy");
    document.getElementById("test").innerHTML = n;
}
</script>

</body>

</html>


ফলাফল




লক্ষণীয় বিষয়

উপরের মেথডগুলোতে আর্গুমেন্ট হিসেবে রেগুলার এক্সপ্রেশন ব্যবহার করা যায়।
রেগুলার এক্সপ্রেশনের ব্যবহার আপনার অনুসন্ধান অনেক বেশি শক্তিশালী করতে পারে।


রেগুলার এক্সপ্রেশন মডিফায়ার

মডিফায়ার বর্ণনা
i অনুসন্ধান কেস-ইনসেন্সিটিভ হবে
g সম্পূর্ন মিলকে খুজে বের করবে
m একাধিক লাইনের মিল খুঁজে বের করে

রেগুলার এক্সপ্রেশন প্যাটার্ন

এক্সপ্রেশন বর্ণনা
[abc] ব্র্যাকেটের মাঝের যেকোনো অক্ষর খুজে বের করে
[0-9] ব্র্যাকেটের মাঝের যেকোনো সংখ্যা খুজে বের করে
(x|y) | দ্বারা বিভক্ত দুইটির যেকোন একটি খুজে বের করে

মেটা-ক্যারেক্টার বিশেষ অর্থ সম্বলিত কিছু ক্যারেক্টারঃ

মেটা-ক্যারেক্টার বর্ণনা
\d একটি সংখ্যা খুজে বের করে
\s একটি সাদা স্পেস অক্ষর খুজে বের করে
\b একটি শব্দের শুরু অথবা শেষে মিল খুজে বের করে
\uxxxx হেক্সাডেসিমেল xxxx নম্বর দ্বারা নির্দেশিত ইউনিকোড ক্যারেক্টার খুজে বের করে

কোয়ান্টিফায়ার বিদ্যমানতা বুঝায়ঃ

কোয়ান্টিফায়ার বর্ণনা
n+ যেসকল স্ট্রিং-এ অন্তত একটি n রয়েছে তাদেরকে খুজে বের করে
n* যেসকল স্ট্রিং-এ শূন্য অথবা একের অধিক n রয়েছে তাদের খুজে বের করে
n? যেসকল স্ট্রিং-এ শূন্য অথবা একটি n রয়েছে তাদের খুজে বের করে

রেগুলার এক্সপ্রেশন অবজেক্ট ব্যবহার

জাভাস্ক্রিপ্টে রেগুলার এক্সপ্রেশন অবজেক্ট হলো পূর্বনির্ধারিত প্রোপার্টি ও মেথডসহ একটি অবজেক্ট।


test() মেথডের ব্যবহার

test() মেথড হচ্ছে রেগুলার এক্সপ্রেশনের একটি মেথড।

ইহা একটি স্ট্রিং-এর মধ্যে একটি নমুনা/প্যাটার্ন খোজে,যদি খুজে পায় তাহলে true রিটার্ন করে,না পেলে false রিটার্ন করে।

নিম্নলিখিত উদাহরণটিতে একটি স্ট্রিং-এ "a" অক্ষরটি খুজে বের করবেঃ

var patt = /a/;<br>
patt.test("Be Happy!");

যেহেতু উপরের স্ট্রিং-এ "e" রয়েছে, সেহেতু ফলাফল হবেঃ

ফলাফল


  true


উদাহরণ

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>

<h3>পরবর্তী প্যারাগ্রাফে  "a"  অক্ষরটি অনুসন্ধান করি :</h3>

<p id="para1"> Be Happy! "</p>

<button onclick="myFunc()">  চেষ্টা করি </button>

<p id="test"></p>

<script>
function myFunc() {
    text = document.getElementById("para1").innerHTML;
    document.getElementById("test").innerHTML = /a/.test(text);
}
</script>

</body>
</html>

ফলাফল




exec() ব্যবহার

exec() মেথড একটি রেগুলার এক্সপ্রেশন মেথড।

ইহা একটি স্ট্রিং-এর মধ্যে নির্দিষ্টা নমুনা/প্যাটার্ন খোজে,যদি খুজে পায় তাহলে ঐ টেক্সটটি রিটার্ন করবে। যদি না পাওয়া যায় তবে null রিটার্ন করবে।

নিম্নলিখিত উদাহরণটিতে একটি স্ট্রিং-এ "a" অক্ষরটি খুজে বের করবেঃ

var patt = /a/;<br>
patt.exec("Be Happy!");

যেহেতু উপরের স্ট্রিং-এ "a" রয়েছে, সেহেতু ফলাফল হবেঃ

ফলাফল


  a


উদাহরণ

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>

<h3>পরবর্তী প্যারাগ্রাফে  "a"  অক্ষরটি অনুসন্ধান করি :<h3p>

<p id="para1">Be Happy!</p>

<button onclick="myFunc()">চেষ্টা করি </button>

<p id="test"></p>

<script>
function myFunc() {
    text = document.getElementById("para1").innerHTML;
    document.getElementById("test").innerHTML = /a/.exec(text);
}

</script>

</body>
</html>

ফলাফল




সম্পূর্ণ রেগুলার এক্সপ্রেশন রেফারেন্স

সম্পূর্ণ রেফারেন্সের জন্য আমাদের জাভাস্ক্রিপ্ট রেগুলার এক্সপ্রেশন রেফারেন্স পড়ুন। রেফারেন্সে সকল রেগুলার এক্সপ্রেশন প্রোপার্টি মেথড এর উদাহরণ এবং বর্ণনা রয়েছে।