04 January, 2019

Introduction to JavaScript Strings

           ,      No comments   

  JavaScript Strings

JavaScript में strings objects होती है। एक string object में characters की sequence store की जाती है। जैसे की Best Hindi Tutorials एक string है। Strings को double या single quotes में define किया जाता है।

जैसा की आपको पता है JavaScript dynamic और interactive web pages generate करने के लिए use की जाती है। यही reason है की JavaScript में strings को objects define किया गया है। Strings के objects होने से आप strings के presentation को page load होते समय अपने according control कर सकते है।

JavaScript web page में string representation को control करने के लिए आपको कई methods provide करती है। इन methods की मदद से आप आसानी से strings पर operations perform कर पाते है। इनके बारे में आपको आगे बताया जायेगा।

Creating JavaScript Strings

JavaScript में strings आप किसी भी normal variable की तरह create करते है। इसका general syntax निचे दिया जा रहा है। 
var stringName = "text";

जैसा की मैने आपको पहले बताया आप strings को single या double quotes में define करते है। इसलिए आप चाहे तो strings को single quotes में भी define कर सकते है।
var stringName = 'text';
JavaScript में strings create करना निचे उदाहरण द्वारा समझाया जा रहा है।
var name = "Best Hindi Tutorials";

Adding Special Characters to JavaScript Strings

मान लीजिये आप string में किसी word को double quotes में लिखना चाहते है तो इसके लिए आप उस text को double quote में इस प्रकार लिखेंगे। 
var name = "Best "Hindi" Tutorials";
लेकिन ये तरीका javascript के अनुसार ठीक नहीं है और इस तरीके से यदि आप double quotes add करेंगे तो आपको error show होगी। क्योंकि string पहले से ही double quotes में है इसलिए error generate होगी। इसी प्रकार यदि आप कोई backslash add करने का प्रयास करेंगे तो भी error show होगी।

JavaScript ऐसे ही कुछ characters को add करने के लिए आपको escape sequence characters provide करती है। इन characters की मदद से आप बिना error generate किये strings create कर सकते है।

JavaScript और दूसरी languages में backslash (\) के साथ escape sequence characters को define किया जाता है। Escape characters  से आप दूसरे special characters (@, $ आदि) भी strings में add कर सकते है।

Common javascript escape characters के बारे में निचे दिया जा रहा है।

Escape Characters 
Description
\'
String के अंदर single quote add करने के लिए। 
\"
String के अंदर double quotes add करने के लिए। 
\b 
String के अंदर backspace add करने के लिए। 
\r 
String के अंदर carriage return add करने के लिए। 
\f 
String के अंदर form feed add करने के लिए। 

Length Property 

JavaScript आपको length property provide करती है जिससे आप किसी भी string की length पता कर सकते है। इस property को आप string name के साथ dot (.) operator लगाकर use करते है। इसका syntax निचे दिया जा रहा है। 
stringName.length;

इसका उदाहरण निचे दिया जा रहा है।
<!-- javascriptLengthProperty.html -->

<html>
<body>

<script type="text/javascript">
var BHT = "Best Hindi Tutorials";
// Printing length of string
document.write(BHT.length);
</script>

</body>
</html>
ऊपर दी गयी script निचे दिया गया output generate करती है।
20 

Common String Methods

Strings के साथ advance level पर work करने के लिए JavaScript आपको बहुत से useful methods provide करती है। सभी method string object के साथ dot operator (.) लगाकर call किये जाते है। यँहा पर एक बात ध्यान रखना बहुत ही जरुरी है की सभी strings की index zero से शुरू होती है।

कुछ common javascript string methods के बारे में निचे दिया जा रहा है।

charAt()

ये method pass की गयी position पर available character को return करता है। इसका उदाहरण निचे दिया जा रहा है। 
<!-- charatMethodDemo.html -->

<html>

<script type="text/javascript">
var name = "Vipin";
// Printing character at position 1
var result = name.charAt(1);
document.write(result);
</script>

</html>

ऊपर दी गयी script निचे दिया गया output generate करती है।
i 

concat() 

ये method दो strings को combine करके return करता है। इसे किसी एक string पर call किया जाता है और दूसरी string इसमें pass की जाती है। इसका उदाहरण निचे दिया जा रहा है। 
<!-- concatMethodDemo.html -->

<html>

<script type="text/javascript">
var fname = "Vipin "
var lname = "Sharma";
// Concatenating first name and last name
var result = fname.concat(lname);
document.write(result);
</script>

</html>
ऊपर दी गयी script निचे दिया गया output generate करती है।
Vipin Sharma

endsWith()

ये method check करता है की string pass किये गए character या string से end होती है या नहीं। इसका उदाहरण निचे दिया जा रहा है। 
<!-- endWithMethodDemo.html -->

<html>

<script type="text/javascript">
var BHT = "Best Hindi Tutorials";
// Checking what a string ends with.
var result = BHT.endsWith("Tutorials");
document.write(result);
</script>

</html>
ऊपर दी गयी script निचे दिया गया output generate करती है।
true

includes()

ये method check करता है की किसी string में pass किया गया character या string है या नहीं। इसका उदाहरण निचे दिया गया रहा है। 
<!-- includesMethodDemo.html -->

<html>

<script type="text/javascript">
var name = "Best Hindi Tutorials";
// Checking if a string includes a word.
var result = name.includes("Hindi");
document.write(result);
</script>

</html>
ऊपर दी गयी script निचे दिया गया output generate करती है।
true

indexOf()

ये method pass की गयी string की position return करता है। इसका उदाहरण निचे दिया जा रहा है। 
<!-- indexOfMethodDemo.html -->

<html>

<script type="text/javascript">
var bht = "Best Hindi Tutorials";
// Getting starting index of a word.
var result = bht.indexOf("Hindi");
document.write(result);
</script>

</html>
ऊपर दी गयी script निचे दिया गया output generate करती है।
5 

search()

ये method एक string को pass की गयी value के लिए search करता है। यदि pass की गयी value मिल जाती है तो इस function द्वारा उसकी position return की जाती है। इसका उदाहरण निचे दिया जा रहा है। 

<!-- searchMethodDemo.html -->

<html>

<script type="text/javascript">
var str = "Best Hindi Tutorials";
// Searching starting index of a word.
var result = str.search("Tutorials");
document.write(result);
</script>

</html>

ऊपर दी गयी script निचे दिया गया output generate करती है।

11

replace()

ये method एक string में से pass की गयी string को replace करके उसकी जगह second argument वाली string को place करता है और complete string को return करता है। इसका उदाहरण निचे दिया जा रहा है। 
<!-- replaceMethodDemo.html -->

<html>

<script type="text/javascript">
var bht = "Best Hindi Tutorials Ever";
// Replacing a word
var result = bht.replace("Hindi"," ");
document.write(result);
</script>

</html>

ऊपर दी गयी script निचे दिया गया output generate करती है।
Best Tutorials Ever

substr()

ये method एक string में से substring extract करके return करता है। जिस substring को आप extract करना चाहते है उसके starting index number को आप first index के रूप में pass करते है और second argument में आप उन characters की सँख्या pass करते है जिन्हे आप starting index के बाद से extract करना चाहते है।

इसका उदाहरण निचे दिया जा रहा है।
<!-- substrMethodDemo.html -->

<html>

<script type="text/javascript">
var bht = "Best Hindi Tutorials";
// Getting substring from a string
var result = bht.substr(5,5);
document.write(result);
</script>

</html>

ऊपर दी गयी script निचे दिया गया output generate करती है।
Hindi 

toLowerCase()

ये method string के सभी characters को lowercase में convert करता है। इसका उदाहरण निचे दिया जा रहा है। 
<!-- toLowerCaseMethodDemo.html -->

<html>

<script type="text/javascript">
var bht = "BEST HINDI TUTORIALS";
// Converting string to lowercase
var result = bht.toLowerCase();
document.write(result);
</script>

</html>
ऊपर दी गयी script निचे दिया गया output generate करती है।
best hindi tutorials

toUpperCase()

ये method string के सभी characters को uppercase में convert करता है। इसका उदाहरण निचे दिया जा रहा है। 
<!-- toUpperCaseMethodDemo.html -->

<html>

<script type="text/javascript">
var str = "best hindi tutorials";
// Converting string to upper case
var res = str.toUpperCase();
document.write(res);
</script>

</html>
ऊपर दी गयी script निचे दिया गया output generate करती है।

Introduction to JavaScript Arrays

           ,      No comments   

JavaScript Arrays in Hindi
Arrays एक ही तरह की values का collection होता है। एक तरह की value से मतलब है या तो केवल strings या केवल integers या फिर floating point numbers आदि। Arrays को बहुत सारे variables create करने के problem से बचने के लिए यूज़ किया जाता हैं।

जैसे की यदि आप 200 employees के नाम store करना चाहते है तो उसके लिए आपको 200 variables create करने की जरुरत नहीं है। आप एक array create कर सकते है जिसमे 200 नाम store किये जा सकते है। ऐसा करने से programmers का time बचता है। 

Array का हर element uniquely identify किया जा सकता है। Array values को indexing के द्वारा store करता है। लेकिन ये बात हमेशा याद रखे की array की index zero से शुरू होती है। इसलिए उपर बताये गए example में पहला नाम 0 index पर और आखिर नाम 199 index पर होगा। Array की किसी भी value को आप array के नाम और उसके index number के द्वारा access कर सकते है।

आपको ये बात भी हमेशा याद रखनी चाहिए की JavaScript में arrays object है। इसलिए आप इनको new keyword के द्वारा create करते है। हालाँकि JavaScript आपको directly values put करने का option भी provide करती है लेकिन तब भी JavaScript में arrays objects ही रहते है।

Creating JavaScript Arrays 

JavaScript में arrays 2 तरह से create किये जा सकते है। ये दोनों ही तरीके अलग अलग situation के according यूज़ किये जा सकते है।
  • Directly  - इस तरीके में आप array create करने के साथ ही value भी डालते है। ये array create करने का combined तरीका है।        
  • With new keyword - इस तरीके में आप array को object की तरह create करते है। इस तरीके में पहले array create किया जाता है और बाद में values डाली जा सकती है। आप चाहे तो साथ में ही values डाल सकते है इसके लिए आप array object का constructor यूज़ करते है।   
दोनों ही तरीके अलग अलग situations में need के according यूज़ किये जा सकते है। इनके बारे में नीचे  दिया जा रहा है।

Directly (Combined Way)

इस तरीके में array create करना बहुत ही simple है। इसका structure नीचे दिया जा रहा है। 
var array_Name = [value1,value2,.....valueN]; 
   
इस तरीके में var keyword के बाद array का नाम लिखा जाता है। Array का नाम unique होना चाहिए। Array के नाम के बाद assignment operator लगा कर angular brackets में array की values दी जाती है। Values को comma से separate किया जाता है।

इसका उदाहरण नीचे दिया जा रहा है।
<!-- javascriptArrayDemo.html -->

<html>
<head>
<title>Javascript array demo</title>
</head>
<body>

<script type="text/javascript">
// Array declaration 
var empName = ["Sam","Sally","Tina","Raghav","John"];
// Printing array elements
for(i=0;i<5;i++)
{
     document.write(empName[i],"\n");
}
</script>

</body>
</html> 

ऊपर दी गयी script निचे दिया गया web page generate करती है।

With New Keyword 

इस तरीके से array create करने के लिए आप new keyword यूज़ करते है। ये कोई object create करने जैसा ही है। इसका structure नीचे दिया जा रहा है। 
var array_Name = new Array();
array_Name[0] = value1;
array_Name[1] = value2;
...
...
array_Name[n] = valueN;
यदि आप values भी साथ में ही डालना चाहते है तो आप निचे दिए गए structure से array create कर सकते है।
var array_Name = new Array(value1, value2);

उपर वाले तरीके में पहले array create किया गया है उसके बाद index numbers के द्वारा values दी गई है। नीचे  वाले तरीके में Array object के constructor के द्वारा values put की गई है। ये values constructor automatically index numbers को assign कर देता है।

इसका उदाहरण नीचे दिया जा रहा है। 
<!-- arrayNewKeywordDemo.html -->

<html>
<head>
<title>Javascript new keyword demo</title>
</head>
<body>

<script type="text/javascript">
// Array declaration using new keyword
var empName = new Array("Angelina","Sam");
// Printing array elements
for(i=0;i<2;i++)
{
    document.write(empName[i]);
}
</script>

</body>
</html>      

ऊपर दी गयी script निचे दिया गया webpage generate करती है।

JavaScript Arrays Length Property

JavaScript आपको array object के साथ length property provide करती है। ये property आपके array की length hold करती है। इस property को access करने का structure नीचे दिया गया है। 
array_Name.length;
   
आप चाहे तो इस property को loop control करने के लिए यूज़ कर सकते है। इसका उदाहरण नीचे दिया जा रहा है। 
<script type="text/javascript">
var empAge = new Array(24,42,22,55,23,30);

// Displaying length of array 
document.write("Length of array is "+empAge.length);

// Iterating loop upto array length
for(var i=0;i<empAge.length;i++)
{
    document.write(empAge[i]);
}
</script> a


Introduction to JavaScript Control Statements

           ,      No comments   

JavaScript Control Statements In Hindi

Control statements program के flow को control करते है। जैसे की आप control statements की मदद से choose कर सकते है की आप कौनसा statement execute करवाना चाहते है और कौनसा नहीं करवाना चाहते है। Control statements की मदद से logic perform किया जाता है। 

उदाहरण के लिए आप 1 से लेकर 100 तक के numbers में सिर्फ even numbers print करवाना चाहते है। इस situation में आप control statements की मदद से पता कर सकते है की number 2 से पूरी तरह divide हो रहा है या नहीं। यदि number 2 से divide किया जा सकता है तो वह even है और उसे print कर दिया जाता है। 
if(num%2==0)
{
    document.write(num,"is even");
}
  
Control statements के बिना program में कोई logic perform नहीं किया जा सकता है। अगर दूसरे शब्दों में कहें तो आप choose कर सकते है की कौनसे statements किस situation में execute होंगे। और साथ ही आप control statements की मदद से एक statement को कई बार भी execute कर सकते है।     
   

Types of Control Statements 

Control statements को 3 categories में divide किया गया है। ये categories control statements के tasks को भी define करती है। इन categories के बारे में नीचे दिया जा रहा है। 
Selection statements - इस category के control statements program में statements को situation के according select करके execute करने के लिए यूज़ किये जाते है। इस category में नीचे दिए गए statements आते है। 
  • If
  • If-Else
  • Nested-If
  • Switch case   
Looping statements - इस तरह के statements program में particular statements को बार बार execute करने के लिए यूज़ किये जाते है। इस category के control statements नीचे दिए गए है। 
  • For 
  • Do-While
  • While 
Jump statements - इस तरह के statements program में एक जगह से दूसरी जगह jump करने के लिए यूज़ किये जाते है। इस category के statements नीचे दिए गए है। 
  • Break
  • Go to     

Selection Statements 

जैसा की मैने आपको पहले बताया selection statements logic के द्वारा कुछ particular statements को execute करते है। आइये अब selection statements को उदाहरण से समझने का प्रयास करते है।

if Statement 

If statement किसी condition को test करता है यदि condition true होती है तो brackets में दिए हुए statements execute कर दिए जाते है और यदि condition false है तो ये block skip कर दिया जाता है। 
Example 1
   
if(5>3)
{
    document.write("This will be displayed");
}
  
जैसा की आप ऊपर दिए हुए उदाहरण में देख रहे है दी हुई condition true है इसलिए brackets के अंदर का statement execute होगा। आइये इसका एक और उदाहरण देखते है।

Example 2

if(3>5)
{
    document.write("This will not be displayed");
}
   
इस उदाहरण में condition false है इसलिए brackets में दिया हुआ statement execute नहीं होगा।

If else 

If else statement भी if statement की तरह ही होता है। बस इसमें else part और add कर दिया जाता है। Else part में आप वो statements लिखते है जो condition false होने पर execute होने चाहिए। आइये इसका उदाहरण देखते है। 
 if(10>15)
{
   document.write("This will not be displayed");
}
else
{
   document.write("This will be displayed");
}

Else If

यदि आप चाहते है की एक condition के false होने पर else part को execute ना करके किसी दूसरी condition को check किया जाये तो इसके लिए आप else if statements use कर सकते है।

Else if statements के द्वारा आप एक से अधिक conditions को check कर सकते है और सभी condition के false होने पर else part को execute करवा सकते है। 
इसके लिए आप elseif keyword यूज़ करते है। First condition को normal if else statement की तरह execute किया जाता है। इसके अलावा आप जितनी भी conditions add करना चाहते है उन्हें if और else part के बीच elseif keyword के द्वारा डिफाइन करते है।

इसका general syntax निचे दिया जा रहा है। 
if(condition 1)
{
   // Will be executed if above condition is true
}
elseif(condition 2)
{
    // Will be executed if 1st condition is false and this condition is true.
}
....
....
....
else if(condition N)
{
   // Will be executed if all the conditions above it were false and this condition is true.
}
else
{
    // Will be executed if all the above conditions are false
} 
       
आइये अब इसे एक उदाहरण से समझने का प्रयास करते है।

if(5>7)
{
    document.write("This will not be executed!");
} 
elseif(5>6)
{
     document.write("This will not be executed!");
}
else
{
     document.write("This will be executed!");
}

Nested If

यदि आप आप चाहे तो एक if condition में दूसरी if condition भी डाल सकते है। इसका structure निचे दिया जा रहा है।
if(condition)
{
      if(condition)
        {
             // Statement to be executed
        }
} 
else
{
     // Statements to be executed 
}

जैसा की आप ऊपर दिए गए syntax में देख सकते है एक if condition के अंदर दूसरी if condition define की गयी है। आप चाहते तो nested if में else part भी add कर सकते है। आइये अब इसे एक उदाहरण से समझने का प्रयास करते है।

if(5>3)
{
    if(5>6)
    {
            document.write("This will not be executed");
     } 
     else
      {
           document.write("5 is greater than 3 but not 6");
       }
}
else
{
       document.write("5 is not greater than 3");
}

Switch Case 

Switch case बिलकुल if statement की तरह होता है। लेकिन इसमें आप एक बार में कई conditions को check कर सकते है। Switch case में cases define किये जाते हैं। बाद में एक choice variable के द्वारा ये cases execute करवाए जाते है। Choice variable जिस case से match करता है वही case execute हो जाता है।

इसका उदाहरण नीचे दिया जा रहा है। 
var ch=2;

// Passing choice to execute desired case
switch(ch)
{
   case 1:
                 document.write("ONE");
                 break;
   case 2:   document.write("TWO");
                 break;
   case 3:   document.write("THREE");
                  break;
   default:   document.write("Enter appropriate value");
                   break;
}  
     
जैसे की आप देख सकते है हर case के बाद में break statement यूज़ किया गया है। यदि आप break statement यूज़ नहीं करते है तो सभी cases one by one execute हो जाते है। इस उदाहरण में variable की value 2 है इसलिए second case execute होगा और TWO display हो जायेगा।

Looping Statements 

Looping statements particular statement को बार बार execute करने के लिए यूज़ किये जाते है। ये 3 प्रकार के होते है। इनके बारे में नीचे दिया जा रहा है।

While Loop 

इस loop में आप एक condition देते है जब तक condition true होती है block में दिए गए statements execute होते रहते है। Condition false होते ही loop terminate हो जाता है और program का execution continue रहता है। 
var num = 0;

// While loop iterating until num is less than 5
while(num <5)
{
    document.write("Hello");
    num++;
} 
इस उदाहरण में जब तक num 5 से कम है तब तक loop का block execute होगा। एक चीज़ यँहा पर notice करने की ये है की हर बार num को increment किया जा रहा है ताकि कुछ steps के बाद loop terminate हो जाये। यदि यँहा पर ऐसा नहीं किया जाये तो loop कभी terminate ही नहीं होगा infinite time तक चलेगा।

इसलिए इस situation से बचने के लिए किसी भी प्रकार के loop में loop control variable को increment किया जाता है।

Do-While Loop 

Do while loop भी while loop की तरह ही होता है। बस ये first time बिना condition check किये execute होता है और बाद में हर बार condition check करता है। यदि condition true होती है तो do block के statements execute कर दिए जाते है।

आइये इसे एक उदाहरण से समझते है।
var num=0;
// Do-while loop 
do
{
    document.write("hello");
    num++;
}
while(num<5);
    
जैसा की आप देख सकते है पहले do block execute होगा और उसके बाद condition check की जाएगी। इस loop की विशेषता ये है की चाहे condition true हो या false loop एक बार तो जरूर execute होगा। यदि condition true होती है तो loop further execute होता है नहीं तो terminate हो जाता है। 

For Loop 

सभी loops में for loop सबसे easy और सबसे ज्यादा यूज़ किया जाने वाला loop है। इसमें आप single line में ही पुरे loop को define कर देते है। यदि condition true होती है तो block में दिए गए statements execute हो जाते है। इस loop का उदाहरण नीचे दिया गया है।

// For loop running until i is less than 5
for(var i=0;i<5;i++)
{ 
    document.write("This will be printed until condition is true");
}

For loop में condition और increment दोनों एक साथ ही define किये जाते है। साथ ही इसमें loop control variable भी define किया जाता है। Condition के false होते ही loop terminate हो जाता है।

Jump Statements 

Jump statements program के execution को एक जगह से दूसरी जगह transfer करने के लिए यूज़ किये जाते है। इन statements को special cases में यूज़ किया जाता है। इनके बारे में नीचे दिया जा रहा है। 

Continue 

Continue statement के द्वारा आप किसी भी loop की कोई iteration skip कर सकते है। जैसे की आप चाहते है की 3rd iteration skip हो जाये और compiler कोई action ना ले। ऐसा आप निचे दिए हुए example की तरह कर सकते है।

for(var i=0; i<5;i++)
{
   if(i==2)
   {
       // Skipping third iteration of loop 
       continue;
   }
   document.write("This will be displayed in iterations except 3rd");
} 

Continue statement का यूज़ करने से compiler 3rd iteration को skip कर देगा और कोई भी statement execute नहीं किया जायेगा। इसके बाद next iteration शुरू हो जायेगी।

Break      

Break statement compiler के execution को stop करने के लिए यूज़ किया जाता है। Break statement आने पर compiler execution को उस block से बाहर ला देता है। इसको एक loop के example से आसानी से समझा जा सकता है। 
for(var i=0;i<5;i++)
{
   if(i==2)
   {
        // Breaking 3rd iteration of loop 
        break;
   }
     document.write("This will be displayed 2 times only");
}

उपर दिए गए उदाहरण में जैसे ही loop की 3rd iteration आती है तो break statement के द्वारा loop terminate हो जाता है और program का execution loop के बाहर से शुरू हो जाता है।

JavaScript Operators

           ,      No comments   

JavaScript Operators 

Variables में values सिर्फ उन्हें बाद में display करवाने के लिए ही नहीं बल्कि इसलिए भी store की जाती है  ताकि उनके साथ अलग अलग तरह के operations perform किये जा सके। Variables की values के साथ operations perform करने के लिए आपको operators की जरुरत होती है।

जैसे की आप 2 variables की values को add करना चाहते है। इसके लिए आप addition (+) operator यूज़ करेंगे। और यदि आप 2 variables की values को compare करना चाहते है तो आप relational operators यूज़ करते है। आइये operators के बारे में और जानने से पहले कुछ important terms के बारे में जान लेते है। 

What is Operand? 

Operators जिन variables पर apply होते है या जिन variables के साथ यूज़ किये जाते है, उन variables को operands कहा जाता है। जैसे नीचे लिखे हुए statement को देखिये। 
  c = a+b;
इस statement में a और b operands है। C भी एक operand है क्योंकि (=) operator इस पर apply हो रहा है।

Types of Operators 

Operators unary और binary दो तरह के होते है। Unary operators वो operators होते है जो सिर्फ एक variable पर ही apply होते है। जैसे की (~) NOT operator है। ये operator सिर्फ एक ही variable के साथ apply किया जाता है। 
Binary operators वो operators होते है जिनके execution के लिए 2 operators required होते है। जैसे की (+) operator है। इस operator को आप किसी single variable के साथ यूज़ नहीं कर सकते है। इस variable को execute होने के लिए 2 operands की आवश्यकता होती है। 

JavaScript Arithmetic Operators 

Arithmetic operations perform करने के लिए arithmetic operators यूज़ किये जाते है। इनके बारे में नीचे दिया जा रहा है।
Operator
Explanation
Example
Negation(-) unary
Opposite values of a variable 
-a
Addition (+)
It adds values of 2 or more variables 
a+b
Subtraction(-)
Subtract value of one variable from other variables value
a-b
Multiplication(*)
Multiply values of 2 variables
a*b
Division(/)
Divide value of one variable by value of another variable. 
a/b
Modulus
Get the remainder after division 
a%b
Exponentiation
Value of first variable raise to power to value of second variable 
a**b
   

JavaScript Relational Operators 

Relational operators के द्वारा आप 2 variables की values को compare कर सकते है। ये operators ज्यादातर control statements में यूज़ होते है जब आप logic build करने की कोशिश करते है। जैसे की कौनसा variable बड़ा या छोटा है। 

Operator
Explanation
Example
Equal (==)
ये operator 2  variables की values को equality के लिए compare करता है।  
a==b;
Not Equal (!=)
ये operator 2 variables की values को non equality के लिए check करता है।  
a!=b;
Less than (<)
ये operator ये check करता है की left side का variable right side के variable से छोटा है या नहीं।  
a<b;
Greater than (>)
ये operator check करता है की right side वाला variable left side वाले variable से बड़ा है या नहीं।  
a>b;
Less than equal to (<=)
ये operator check करता है की left side का variable right के variable के बराबर है या उससे छोटा है या नहीं।  
a<=b;
Greater than equal to (>=)
ये operator check करता है की right side का variable left side के variable के बराबर या उससे बड़ा है या नहीं।  
a>=b;

JavaScript Bitwise Operators 

सभी variables की values bits में convert होती है। Bit wise operator के द्वारा आप bits पर operations perform कर सकते है। ये operators भी control statements में यूज़ किये जाते है। इनके बारे में नीचे दिया जा रहा है।
Operator
Explanation
Example
AND (&)
दोनों variables की values में जो common bits होती है वो return कर दी जाती है।  
a&b
OR (|)
दोनों variables की सभी bits return कर दी जाती है।  
a|b
X-OR(^)
जो bits right side के variable में नहीं है लेकिन left side के variable में है return की जाती है।  
a^b
NOT(~)
सभी bits invert करके return की जाती है।  
~a
Shift Left(<<)
सभी bits को right side के variable की value जितना left में shift किया जाता है।  
a<<b
Shift Right(>>)
सभी bits को right side के variable की value जितना right में shift किया जाता हैं।  
>>b

JavaScript Logical Operators 

Logical operators के द्वारा logic perform किया जाता है। इन operators को control statements में यूज़ किया जाता है।   

Operator
Explanation
Example
And(&&)
यदि दोनों variables की value true है तो ये operator true result return करता है।  
a&&b
Or(||)
दोनों में से कोई एक variable true हो तो भी result true ही होता है।    
a||b
Not(!)
यदि variable true है तो false होगा और यदि false है तो true हो जायेगा।  
!a
Xor
यदि दोनों से कोई एक true है तो result true होगा। और यदि दोनों false या दोनों true है तो result false होगा।   
a Xor b

JavaScript Assignment Operators 

Assignment operators variables की values आपस में assign करने के लिए यूज़ किये जाते है। JavaScript में यूज़ होने वाले assignment operators नीचे दिए जा रहे है। 
Operator
Explanation
Example
Simple assignment (=)
ये operator right variable की value left variable को assign करता है।   
a=b;
Plus assignment (+=)
ये operator left और right variables की value को add करके left variable में store करता है।   
a+=b;
Minus assignment(-=)
ये operator left side के variable की value में से right side के variable की value घटाकर result left side के variable में store करता है।   
a-=b
Multiply assignment(*=)
ये operator left और right side के variables की values को multiply करके result left side के variable में store करता है।   
a*=b
Divide assignment(/=)
ये operator left side के variable की value को right side के variable से divide करके result left side के variable में store करता है।   
a/=b

JavaScript Special Operators 

JavaScript आपको कुछ special operators provide करती है जो कुछ special operations perform करने के लिए यूज़ किये जाते है। इनमें से हर operator एक अलग purpose को fulfill करता है। इनके बारे में नीचे दिया जा रहा है।

Conditional Operator (?:) 

Conditional operator if-else की तरह ही होता है। इसे आप one-line  if else statement भी कह सकते है। इसे यूज़ करना बहुत ही आसान है। Question mark से पहले एक condition दी जाती है। यदि ये condition true होती है तो colon के पहले वाला statement और यदि false होती है तो colon के बाद वाला statement result के रूप में return किया जाता है। इसका उदाहरण नीचे दिया जा रहा है।        
z  =  (5>3) ? 5 : 3;
document.write(z); // It will print 5

Typeof Operator 

ये operator debugging के लिए बहुत helpful है। इस operator से किसी भी variable के data type का पता लगाया जा सकता है। इस operator को यूज़ करना बहुत ही आसान है। आप typeof लिख कर उसके आगे वो value या variable लिखते है जिसका data type आपको पता लगाना है। इसका उदाहरण आगे दिया गया है।

str = "hello world";
document.write(typeof  str); 
     

Void Operator 

ये operator जब भी आप JavaScript में कोई function call करते है तो उसकी return value को discard करने के लिए यूज़ किया जाता है। इसे यूज़ करना बिलकुल आसान है। जिस भी function की return value आप discard करना चाहते है उसमे आप इस operator (...) को argument की तरह pass करते है।

इसका उदाहरण नीचे दिया जा रहा है।   
 <a href="your-url" onClick="myFunction(...)">Click here</a>

JavaScript Variables

           ,      No comments   

Introduction to JavaScript Variables 

यदि आपको कोई value store करनी है तो इसके लिए आपको variable create करना होता है। ये concept सभी programming languages में same होता है।

एक variable किसी box की तरह होता है जिसमे आप कोई value डाल सकते है और जब तक आपका program execute होता है ये value computer की memory में रहती है। आप चाहे तो इसे permanently भी store कर सकते है। 
हर programming language में variables create करने का तरीका अलग हो सकता है। लेकिन variables create करने के पीछे हमेशा एक ही intention होता है और वह है value को store करना और उस पर कुछ operations perform करना। 
JavaScript में variables create करना common languages से अलग है। JavaScript में variables create करने के लिए आपको data type define करने की जरुरत नहीं होती है। आप जो value variable में डालते है उस value के base पर JavaScript variable का data type automatically judge कर लेती है।

इसलिए JavaScript में variables create करना बहुत आसान माना जाता है। इससे पहले की आप variables create करे आइये JavaScript में variables create करने के कुछ rules के बारे में जान लेते है। 

Rules for Creating Variables 

  1. आपके variable का नाम किसी letter, underscore या $ sign से शुरू होना चाहिए। 
  2. आप variables के नाम में numbers (1,2,3,4,5,6,7,8,9) भी यूज़ कर सकते है।     
  3. JavaScript Variables case sensitive होते है। यानि Age और age दो अलग अलग variables माने जायेंगे। 

Creating Variables in JavaScript 

जैसा की मैने आपको पहले बताया की JavaScript में variables create करना बहुत ही आसान है। इसके लिए आप var keyword यूज़ करते हैं। JavaScript में variables create करने का structure नीचे दिया जा रहा है। 
var varName = value;
JavaScript में एक interesting concept और पाया जाता है। JavaScript में किसी भी statement के बाद semicolon add करना optional है। यदि आप किसी statement के बाद semicolon add नहीं करते है तो भी errors generate नहीं होती है। 
आइये अब JavaScript में variables create करना एक उदाहरण से समझते है। 
<!--  javascriptVariablesDemo.html -->

<html>
<head>
<title>JavaScript variables demo</title>
</head>
<body>
<script>
// Creating variable 
var age=29;
// Printing variable value
document.write("Age is: "+age);
</script>
</body>
</html>

Types of Variables in JavaScript 

JavaScript में 2 तरह के variables होते है। इनको scope के according categories किया गया है। इनके बारे में नीचे दिया जा रहा है।

Local Variables 

Local variables वो variables होते है जिनका scope किसी function तक limited रहता है। ऐसे variables किसी function के अंदर create किये जाते है और वे उस function में ही काम करते है। Function के बाहर आप इन variables को यूज़ नहीं कर सकते है।

जिस block या function में ये variable create किये जाते है ये सिर्फ उसी में काम करते है। ये उनका scope कहलाता है। यदि आप local variables को उनके scope के बाहर access करने की कोशिश करते है तो undefined variable error generate होती है। 

Global Variables 

Global variables वो variables होते है जिनका scope पुरे program में होता है। ऐसे variables program के शुरू में ही create किये जाते हैं और आप इन्हे पूरे program में कंही भी यूज़ कर सकते है। इस तरह के variables का scope पुरे program में होता है। 

besthinditutorials

Meta

Popular Posts

Categories

Social Media Links

Blog Archive

Data Publish News

Al Jazeera – Breaking News, World News and Video from Al Jazeera

Loading...

Laravel News

Loading...