Q. What is use of map ()method ?

map () method किसी array या object के value / property को use करके एक नया array बनाता है

How to work of map () method ?

map () के द्वारा नया array बनाने के लिए map method के अंदर function call या create किया जाता है। जो की Array या object की element को बारी -बारी से return करके एक नया array बनाता है।

Note:इसमें जिस array से new array बनाते हैं उस array में कुछ भी changing नहीं होता है। मतलब की , पूरानी array के vlaue में कुछ भी changing नहीं होता है।

Syntax :


                                   old_array.map(function(current_value, index, array ))

Note :-

current_value = function के अंदर first parameter जो होता है , वह array की बारी -बारी से एक -एक value को return करता है
index = function के अंदर second parameter जो होता है , वह array की बारी -बारी से उसके index को return करता है

Example :

1. Example with Array String Value


                              <script>
                                          //map methd with string type of array value:
                                          var old_array = ["Ram", "shyam", "Suresh"];
                                          var new_array =  old_array.map(function(change_string_value)
                                          {
                                                                  return "hello " + change_string_value
                                          });
                                          document.write(new_array+"<br>");
                              </script>

Out Put :

Hello Ram, Hello shyam, Hello Suresh

2. Example with Array String Value & array Index


                              <script>
                                          //map methd with string type of array index and his position:
                                          var old_array = ["Ram", "shyam", "Suresh"];
                                          var new_array =  old_array.map(function(change_string_value,  i)
                                          {
                                                                  return i +  " .  hello " + change_string_value
                                          });
                                          document.write(new_array+"<br>");
                              </script>

Out Put :

0 : Hello Ram,1 : Hello shyam,2 : Hello Suresh

3. Example with Array Number Value


                              <script>
                                         //map methd with number type of array value:
                                          var old_number_array = [10, 20, 30];
                                          var new_number_array =  old_number_array.map(function(change_number_value)
                                          {
                                                                  return 10 + change_number_value
                                          });
                                          document.write(new_number_array+"<br>");
                              </script>

Out Put :

20,30,40

4. Example with Array Object Value


                              <script>
                                          //map methd with object type of array value:
                                          var old_object_array = [
                                                      {Name: "Rohit Kumar", age:35, email:"rohit@gmail.com"},
                                                      {Name: "Suresh Kumar", age:45, email:"suresh@gmail.com"},
                                          ];
                                          var new_object_array = old_object_array.map(function(change_object_value)
                                          {
                                                                  return   " " + change_object_value.Name + " singh "
                                          });
                                          document.write(new_object_array);
                              </script>

Out Put :

Rohit Kumar singh , Suresh Kumar singh