JavaScript for in Loop In Hindi


JavaScript में for in loop का use की object (जो कि key : value pair में data store किये हो ) को iterate करने के लिए use करते हैं। for in loop का main  purpose enumerable Object properties को iterate करना है ।

JavaScript for in loop Syntax

for(variable in object)
{
  //write your logic here
}

variable : यह variable हर Iteration में object की property store करता है। कह सकते हैं कि index store करता है।

object : यह actual object होता है जिसके लिए Looping Apply कर रहे हैं।

Why Use for...in?

for in loop का main purpose Object properties को iterate करना है , JavaScript में Array के साथ इसका use उतना लाभकारी नहीं है। Array iterate करने के लिए हम forEach या for of loop का use करते हैं।

इसके अलावा इसका use debugging purpose करने के लिए किया जाता है , किसी object की properties को check करने के लिए (Using Console or otherwise) .

JavaScript for in Loop Example

हम जानते हैं कि JavaScript में new keyword के साथ define की गयी string Object होती है , अब हम इसी object पर for in loop apply करके देखेंगे।

File : forin.html

Copy Fullscreen Close Fullscreen Run
<!DOCTYPE html>
<html>
 <head>
    <meta charset="utf-8">
    <title>JavaScript for in Loop</title>
 </head>
 <body>
   <script>
      let string = "Welcome";
      let index;
      for(index in string)
      {
        document.write(`property : ${index} and value : ${string[index]} <br>`);
      }
    </script>
 </body>
</html>
Output
property : 0 and value : W
property : 1 and value : e
property : 2 and value : l
property : 3 and value : c
property : 4 and value : o
property : 5 and value : m
property : 6 and value : e

? Backticks (``) का use करके define की गयी string में हम ${ } ( dollar curly braces) के अंदर हम direct variables को print करा सकते हैं। और <br> का use line break करने के लिए करते हैं।

JavaScript Modify Object Values

for in loop की हेल्प से हम आसानी से किसी object की values को modify कर सकते हैं।

File : forin2.html

Copy Fullscreen Close Fullscreen Run
<!DOCTYPE html>
<html>
 <head>
    <meta charset="utf-8">
    <title>JavaScript for in Loop</title>
 </head>
 <body>
   <script>
      /* defining JavaScript Object */
      let object = {
              name:'Rahul Rajput', 
              age:54,
              designation : 'Web Developer',
       };
      let property;
      document.write(`Before Change : <br>`);
      for(property in object)
      {
        document.write(`property : ${property} and value : ${object[property]} <br>`);
      }
      document.write(`After Change : <br>`);
      for(property in object)
      {
        if(property == 'age')
         object[property] = 30;
         
        document.write(`property : ${property} and value : ${object[property]} <br>`);
      }
    </script>
 </body>
</html>
Output
Before Change :
property : name and value : Rahul Rajput
property : age and value : 54
property : designation and value : Web Developer
After Change :
property : name and value : Rahul Rajput
property : age and value : 30
property : designation and value : Web Developer

इसी तरह से आप किसी Array में store values को भी आसानी से modify कर सकते हैं।

Hey ! I'm Rahul founder of learnhindituts.com. Working in IT industry more than 4.5 years. I love to talk about programming as well as writing technical tutorials and blogs that can help to others .... keep learning :)

Get connected with me - LinkedIn Twitter Instagram Facebook