JavaScript foreach Key Value array

Question

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?

I think issue is in your array, is this the exact code you are using? — Muhammad Bilal
– Muhammad Bilal, Commented Sep 7, 2015 at 7:59

Nina Scholz · Accepted Answer · 2015-09-07 07:57:03Z

4

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>');
});

answered Sep 7, 2015 at 7:57

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Pranav C Balan · Accepted Answer · 2015-09-07 07:59:39Z

1

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]);
});

edited Sep 7, 2015 at 7:59

answered Sep 7, 2015 at 7:48

Pranav C Balan

115k25 gold badges172 silver badges195 bronze badges

3 Comments

user4790312 Over a year ago

result is 0:856:users 1:857:avatars 2:858:emails i want to have key: 856 , value: users your code is not correct

Pranav C Balan Over a year ago

@mahdipishguy : check the second snippet

fdomn-m Over a year ago

The second snippet is exactly what the question asks not to have to do "I must be separate that with : to get key and value from this array."

Muhammad Usman · Accepted Answer · 2015-09-07 07:58:42Z

0

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)

answered Sep 7, 2015 at 7:58

Muhammad Usman

1,3625 gold badges19 silver badges35 bronze badges

1 Comment

Muhammad Usman Over a year ago

@mahdi pishguy: try this one

user14785810 · Accepted Answer · 2020-12-08 09:28:46Z

0

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

answered Dec 8, 2020 at 9:28

user14785810

1

1 Comment

Ran Marciano Over a year ago

Please don't post only code as an answer, but also provide an explanation of what your code does and how it solves the problem of the question. Answers with an explanation are usually more helpful and of better quality, and are more likely to attract upvotes

Collectives™ on Stack Overflow

JavaScript foreach Key Value array

4 Answers 4

Comments

3 Comments

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

3 Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related