CODEWITHSUNDEEP
javascriptjquery
user4790312
user4790312

Reputation:

JavaScript foreach Key Value array

I have just this array :

var sArray = {856:"users", 857:"avatars", 858:"emails"};

and I want to use forEach in a way to get key and value from that:

key = 856
value = user

My $.each code doesn't return the result I'm expecting, and I get instead:

856:user

I must be separate that with : to get key and value from this array.

My code is:

$.each(template_array, function(key, value) {
    console.log("key: " + "value: " + value);
});

How to access key and value without separate?

Upvotes: 1

Views: 14019

Answers (4)

user14785810
user14785810

Reputation: 1

var template_array = {
  856: 'users',
  857: 'avatars',
  858: 'emails'
};
for (key in template_array) {
  console.log('key:' + key + ', value:' + template_array[key]);
});

Upvotes: 0

Pranav C Balan
Pranav C Balan

Reputation: 115242

Just concatenate them using + 

var template_array = {
  856: 'users',
  857: 'avatars',
  858: 'emails'
};
$.each(template_array, function(key, value) {
  console.log('key:' + key + ', value:' + value);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

UPDATE : I think you have an array then use the following code

var template_array = ['856: users',
  '857: avatars',
  '858: emails'
];

template_array.forEach(function(v) {
  v = v.split(':');
  console.log('key:' + v[0] + ', value:' + v[1]);
});

Upvotes: 1

Muhammad Usman
Muhammad Usman

Reputation: 1362

try this one 

var template_array = {
   856: 'users',
   857: 'avatars',
   858: 'emails'
};
var date = [];
$.each(template_array,function (key , val){ 
   date.push({key:key, value:val})
 });

console.log(date)

Upvotes: 0

Nina Scholz
Nina Scholz

Reputation: 386680

Just take Object.keys for the keys and Array.prototype.forEach for the values in plain Javascript.

var sArray = { 856: 'users', 857: 'avatars', 858: 'emails'};

Object.keys(sArray).forEach(function (key) {
    document.write('key: ' + key + ', value: ' + sArray[key] + '<br>');
});

Upvotes: 4

Related Questions