Converting C# list to javascript array using Razor syntax

Question

I have a SelectList from my C# Controller method that contains 8 text/value pairs. I would like to convert this to a JavaScript array that I can access in a foreignKey column of a kendo grid. The structure of my arObjArray is ok as expected. The only problem is the content of the array is wrong. Instead of having a list of 8 pairs consistent with the packageList item, I get an array of 8 rows with each row having the same value as the very last item in packageList. The relevant section of my javascript function is like this:

var arObjArray = [];
var arObj = {};

@foreach (SelectListItem d in packageList)
{
    @:arObj["text"] = "@d.Text";
    @:arObj["value"] = Number("@d.Value");

    @:arObjArray.push(arObj);
}
console.log(arObjArray)

What am I missing here?

JavaScript will pass objects by reference - instead of declaring arObj outside the loop, declare it inside, or just push an object directly from inside the loop. @:arObjArray.push({text: "", value: ""}) — tymeJV
– tymeJV, Commented Jan 13, 2020 at 21:41

Klaycon · Accepted Answer · 2020-01-13 21:44:59Z

2

Objects are passed by reference, the same as instances in C#. In your foreach loop you are actually reusing the same object over and over, because it is only assigned to an empty object once (var arObj = {}; outside the loop). Thus you're pushing one object to the array multiple times, and modifying the values of that one object each array iteration.

Declare and assign arObj inside the loop instead:

@foreach (SelectListItem d in packageList)
{
    var arObj = {};
    @:arObj["text"] = "@d.Text";
    @:arObj["value"] = Number("@d.Value");

    @:arObjArray.push(arObj);
}

answered Jan 13, 2020 at 21:44

Klaycon

11.1k23 silver badges36 bronze badges

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

1 Comment

user938455 Over a year ago

tymeJV's suggestion did it. Not sure which Internet post I got the @foreach, @:arObj from.

Collectives™ on Stack Overflow

Converting C# list to javascript array using Razor syntax

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related