JQuery - How to push specific key and value in array?
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:
<!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...

Hardik Savani
I'm a full-stack developer, entrepreneur and owner of Aatman Infotech. I live in India and I love to write tutorials and tips that can help to other artisan. I am a big fan of PHP, Laravel, Angular, Vue, Node, Javascript, JQuery, Codeigniter and Bootstrap from the early stage. I believe in Hardworking and Consistency.
We are Recommending you
- How to remove duplicate value from array in Jquery?
- JQuery HTML5 QR Code Scanner using Instascan JS Example
- Jquery Ajax CRUD Operations in PHP
- PHP - Dynamic Drag and Drop table rows using JQuery Ajax
- Codeigniter JQuery Ajax image upload example from scratch
- PHP - Infinite Scroll Pagination using JQuery Ajax Example
- Bootstrap - Input multiple tags example using Tag Manager Jquery Plugin
- Simple accordion example code with demo using jquery ui
- PHP - jquery ajax crop image before upload using croppie plugin