Javascript Circular Dependency

Question

Please can someone explain what the issue is with my code. What I am trying to achieve is to create an array from fruits array (see code block), where array=[name: "Banana", name: "Orange", name: "Apple", name: "Mango"]

var fruits = ["Banana", "Orange", "Apple", "Mango"];
myFunction(fruits)

function myFunction() {
    var array=[];
    var item = {};
    fruits.forEach(function(entry, index){
    item.name=entry

    array.push(item);

});

console.log(array)

}

However when I print array to the console, this is what I get: [[object Object] { name: "Mango" }, [circular object Object], [circular object Object], [circular object Object]]

The first object gets populated correctly, but I don't understand why it is saying there is a circular dependancy for the others. Can anyone please help me to explain what the issue is and how I should resolve it. Thanks!

Kriggs · Accepted Answer · 2015-10-08 19:05:04Z

2

[name: "Banana", name: "Orange", name: "Apple", name: "Mango"] isn't a valid JS object, you can homever have:

[{name: "Banana"}, {name: "Orange"}, {name: "Apple}, {name: "Mango"}] which is an array of objects, to do in a loop:

function myFunction() {
  var array=[];

  fruits.forEach(function(entry) {
    array.push({ name: entry });
  });

  console.log(array)
}

answered Oct 8, 2015 at 19:05

Kriggs

3,7761 gold badge19 silver badges24 bronze badges

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

1 Comment

kellzerIrl Over a year ago

Thanks for your help!

Igor · Accepted Answer · 2015-10-09 13:50:46Z

2

You are adding the same object multiple times.

function myFunction() {
  var array=[];

  fruits.forEach(function(entry, index) {
    var item = {};
    item.name=entry

    array.push(item);
  });

  console.log(array)
}

edited Oct 9, 2015 at 13:50

answered Oct 8, 2015 at 18:59

Igor

15.9k1 gold badge29 silver badges34 bronze badges

1 Comment

kellzerIrl Over a year ago

Thanks for your help!

Collectives™ on Stack Overflow

Javascript Circular Dependency

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related