JQuery - How To Push Specific Key And Value In Array?

Jquery

Nicesnippets

206

31-03-2021


JQuery - How To Push Specific Key And Value In Array?

Hi Dev,

Now let's see example of how to push specific key and value in array using jquery. We will talk about insert specific key and value from array in jquery. This blog will give you simple and easy way to push key and value in array using jquery.

In this example, i will let you know how to push specific key with value as array 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.

Here i will give you two example for how to push specific key and value in array using jquery. So let's see the bellow example:

Example 1 :


<!DOCTYPE html>

<html>

<head>

<title>JQuery - How to push specific key and value in array? - NiceSnippets.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" : "Rahul", "lastName" : "Shah" },

{ "id" : "2", "firstName" : "Pratik", "lastName" : "Gupta" },

{ "id" : "3", "firstName" : "Jayesh", "lastName" : "Pandya" },

{ "id" : "4", "firstName" : "Raghav", "lastName" : "Patel" }

];

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? - NiceSnippets.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" : "Rahul", "lastName" : "Shah" },

{ "id" : "2", "firstName" : "Pratik", "lastName" : "Gupta" },

{ "id" : "3", "firstName" : "Jayesh", "lastName" : "Pandya" },

{ "id" : "4", "firstName" : "Raghav", "lastName" : "Patel" }

];

var myobj = [];

$.each(myArray, function (i, value) {

myobj.push({firstName: value.firstName, lastName: value.lastName});

});

console.log(myobj);

</script>

</body>

</html>

It will help you....


Recommended Posts