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

By Hardik Savani | January 18, 2019 | | 5995 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...



***Do you want me hire for your Project Work? Then Contact US.


We are Recommending you: