how to print given array in for each using javascript

Question

I have an array like below.

[{
  'i_id':'119',
  'name':'Brinjal-250',
  'weight':'250.Gm',
  'qty':'1',
  'price':'5',
  'market':'55',
  'image':'f_control/images/vegetables/Brinjal-PNG-Image-min'
 },   
 {  
  'i_id':'101',
  'name':'Tomato',
  'weight':'500.Gm',
  'qty':'1',
  'price':'4',
  'market':'44',
  'image':'f_control/images/vegetables/tometo-min.jpg'
}]

And i want it to in for each loop using java script, It is possible? If possible then please guide me in right direction, Thanks.

The demo output

Your array structure does not look good. Please update your question and try to make it more meaningful. — masud_moni
– masud_moni, Commented Mar 29, 2017 at 5:00
There are two arrays here. Update the question with correct structure and expected output — DroidNoob
– DroidNoob, Commented Mar 29, 2017 at 5:01

Ashish Kumar · Accepted Answer · 2017-03-29 05:13:35Z

1

Why are you using different array for each object ? You can push both objects in a single array , then you can use forEach loop like this :-`

var array = [
    {
        'i_id':'119',
        'name':'Brinjal-250',
        'weight':'250.Gm',
        'qty':'1',
        'price':'5',
        'market':'55',
        'image':'f_control/images/vegetables/Brinjal-PNG-Image-min'
    },
    {
        'i_id':'101',
        'name':'Tomato',
        'weight':'500.Gm',
        'qty':'1',
        'price':'4',
        'market':'44',
        'image':'f_control/images/vegetables/tometo-min.jpg'
    }
    ];
        array.forEach(function(value){
            console.log(value.name);
        });`

answered Mar 29, 2017 at 5:13

Ashish Kumar

2301 silver badge7 bronze badges

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

8 Comments

Vishal Panara Over a year ago

Thanks, But How can i push both objects in single array?

Ashish Kumar Over a year ago

when you are making these objects on the backend.

Mary Over a year ago

You may try Array.prototype.concat() developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…

Ashish Kumar Over a year ago

@Mary will concating the arrays is an efficient method ? because on the client end if there are thousands of arrays and you have to concat them will take time and memory also because after concating these arrays it returns a new array.

Mary Over a year ago

@AshishKumar you may check discussion about concat efficiency here: stackoverflow.com/questions/5080028/…

|

Nayana_Das · Accepted Answer · 2017-03-29 06:06:56Z

If both objects are in the same array, just like below:

[{'i_id':'119',
'name':'Brinjal-250',
'weight':'250.Gm',
'qty':'1',
'price':'5',
'market':'55',
'image':'f_control/images/vegetables/Brinjal-PNG-Image-min'},
{'i_id':'101',
    'name':'Tomato',
    'weight':'500.Gm',
    'qty':'1',
    'price':'4',
    'market':'44',
    'image':'f_control/images/vegetables/tometo-min.jpg'}]

then use:

arrayName.forEach(function (item, index) {
  console.log(item["name"]);
})

or else use:

for(var key in arrayName) {
   console.log("key: "+key+" Value: "+arrayName[key]["name"]);
}

Check out the fiddle : https://jsfiddle.net/NayanaDas/42f3yxho/

Updated Answer:

if you want to make this array [{'i_id':'101'}] [{'i_id':'102'}] like this [{'i_id':'101'},{'i_id':'102'}] , then use JavaScript Array concat() Method :

var arr1 = [{'i_id':'101'}];
var arr2 = [{'i_id':'102'}];

var array = arr1.concat(arr2);

console.log(JSON.stringify(array));

See the fiddle : https://jsfiddle.net/NayanaDas/eaumhnvw/

I am getting the array like this [{'i_id':'101'}] [{'i_id':'102'}] and i want like this [{'i_id':'101'},{'i_id':'102'}] . any suggestion?
@VishalPanara : please check out the updated answer. Hope this helps you.

brk · Accepted Answer · 2017-03-29 05:17:17Z

0

The requirement is not clear. If you want to loop through he array use forEach or conventinal for-loop will also work.

var myArray=[//json array]
myArray.forEach(function(item,index){
  console.log(item.name) // will seperately log Brinjal-250, & Tomato
})

answered Mar 29, 2017 at 5:17

brk

50.3k10 gold badges59 silver badges85 bronze badges

Collectives™ on Stack Overflow

how to print given array in for each using javascript

3 Answers 3

8 Comments

2 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

8 Comments

2 Comments

Comments

Linked

Related