JQuery - How to push specific key and value in array?

By Hardik Savani | January 18, 2019 | | 16584 Viewer | 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:

<!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
My name is 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, Javascript, JQuery, Laravel, Codeigniter, VueJS, AngularJS and Bootstrap from the early stage.
***Do you want me hire for your Project Work? Then Contact US.


We are Recommending you: