JQuery - How to Push Specific Key and Value in Array?

By Hardik Savani July 3, 2023 Category : Javascript jQuery

In this example, i will let you know how to push specific key with value as array in jquery array. we can add dynamically push key value pair in jquery array.

As we know if we use push method into an array then you can not specify key for value. it will create automatically 0 1 2 3 etc, but if you want to push both key and value then you can not specify key, but in this example i will show you how to create array with specific key value.

So, here i am going to share simple example, so you can check it:

Example 1:

<!DOCTYPE html>
<html>
<head>
    <title>JQuery - How to push specific key and value in array? - ItSolutionStuff.com</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
    
<script type="text/javascript">
    
    var myArray = [
        { "id" : "1", "firstName" : "Hardik", "lastName" : "Savani" }, 
        { "id" : "2", "firstName" : "Vimal", "lastName" : "Kashiyani" }, 
        { "id" : "3", "firstName" : "Harshad", "lastName" : "Pathak" }, 
        { "id" : "4", "firstName" : "Harsukh", "lastName" : "Makawana" }
      ];
   
      var myObj = {};
  
      $.each(myArray, function (i, value) {
          myObj[value.id] = value.firstName;
      });  
   
      console.log(myObj);
    
</script>
   
</body>
</html>

Example 2:

Read Also: JQuery Open Link in New Tab on Click Example
<!DOCTYPE html>
<html>
<head>
    <title>JQuery - How to push specific key and value in array? - ItSolutionStuff.com</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
   
<script type="text/javascript">
    
    var myArray = [
        { "id" : "1", "firstName" : "Hardik", "lastName" : "Savani" }, 
        { "id" : "2", "firstName" : "Vimal", "lastName" : "Kashiyani" }, 
        { "id" : "3", "firstName" : "Harshad", "lastName" : "Pathak" }, 
        { "id" : "4", "firstName" : "Harsukh", "lastName" : "Makawana" }
      ];
    
      var myObj = [];
   
      $.each(myArray, function (i, value) {
          myObj.push({firstName: value.firstName, lastName: value.lastName});
      });  
   
      console.log(myObj);
   
</script>
   
</body>
</html>

I hope it can help you...

Tags :
Previous

How to Remove Duplicate Object from Array in JQuery?
Next

Laravel - Set Selected Option in Dropdown Menu Example

We are Recommending you

Popular Posts

Categories

Latest Posts

Shares