JavaScript for of Loop In Hindi


पिछले topic में हमने for in loop के बारे में पढ़ा।  जिसका use किसी Object की enumerable property keys को iterate करने  है।  means हर Iteration में हमें us Object की next property key मिलती थी।


इस Topic में हम for of loop के बारे में पढ़ेंगे , जिसका main purpose iterable Object (जैसे कि Array) की values को iterate करना है। Means for of loop direct object value से interact कराता है।

इसके साथ साथ built-in String,  Array, array-like objects (e.g., arguments or NodeList), TypedArray, Map, Set, और user-defined iterables भी iterate करता है।

JavaScript for of Vs for in Vs for Loop

for of loop का main purpose iterable Object (जैसे कि Array) की values को iterate करना है। जबकि  for in loop का main purpose Object की enumerable properties keys को Iterate करना है।


और for loop की तुलना में for of loop काफी easy to understand और weaknesses को improve किया है , by eliminating the counting logic and exit condition.

JavaScript for of Loop Syntax

for(val of object)
{
  //write your logic here
}

JavaScript for of Loop Example

Iterating over a string.

File : forof.html

Copy Fullscreen Close Fullscreen Run
<!DOCTYPE html>
<html>
 <head>
    <meta charset="utf-8">
    <title>JavaScript for of Loop</title>
 </head>
 <body>
   <script>
      /* defining JavaScript String Object */
      let object = new String("Welcome");
      for(val of object)
      {  
        document.write(`value : ${val}<br>`);
      }
    </script>
 </body>
</html>
Output
value : W
value : e
value : l
value : c
value : o
value : m
value : e

Explain - हम जानते हैं कि JavaScript में String को new keyword के through as a Object define कर सकते हैं , तो Example में सबसे पहले एक string object define किया then उस पर for of loop apply किया। जो की direct हमें String object की values iterate कर रहा है।

JavaScript for of loop : Iterating Array

इस example में हम देख्नेगे कि Array किस तरह से iterate करते हैं for of loop की।

File : forof2.html

Copy Fullscreen Close Fullscreen Run
<!DOCTYPE html>
<html>
 <head>
    <meta charset="utf-8">
    <title>JavaScript for of Loop : Iterating Array</title>
 </head>
 <body>
   <script>
      /* defining JavaScript Array */
      let array_var = [12,34,56,'strin', true];
      for(val of array_var)
      {  
        document.write(`value : ${val}<br>`);
      }
    </script>
 </body>
</html>
Output
value : 12
value : 34
value : 56
value : strin
value : true

Example में एक Array define किया गया जो की number , string और boolean value store किये हुए है।

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