JavaScript - MVC.NET: Get value of Multimensional Array

Question

I am trying to get the value of a multidimensional int[][] array on JavaScript.

The array is initialized at the Controller class and passed to the JS through the View class in a Hidden input element called hdn_l_asuetos.

The problem is that I need to iterate over that int[][] array into de JavaScript file, but I cant. Here my JS code:

var natDays = $('#hdn_l_asuetos').val();

function nationalDays(date, inMonth) {
    if (inMonth) {
        for (i = 0; i < natDays.length; i++) {
            alert("MES " + natDays[i][0]);
            alert("DIA " + natDays[i][1]);
            if (date.getMonth() + 1 == natDays[i][0] &&
                    date.getDate() == natDays[i][1]) {
                return {selectable: false};
            }
        }
    }
    return {};
}

I am getting this result:

MES S
DIA undefined
MES y
DIA undefined
MES s
DIA undefined
MES t
DIA undefined
MES e
DIA undefined
MES m
DIA undefined
MES .
DIA undefined
MES I
DIA undefined
MES n
DIA undefined
MES t
DIA undefined
MES 3
DIA undefined
MES 2
DIA undefined
MES [
DIA undefined
MES ]
DIA undefined
MES [
DIA undefined
MES ]
DIA undefined

With that I can see that var natDays = $('#hdn_l_asuetos').val(); is returning the Type of hdn_l_asuetos, System.Int32[][] at position 0.

I will appreciate any help to iterate over the int[][] array. Thanks in advance.

How exactly are you assigning your double array into the '#hdn_l_asuetos' element in the first place? — Lochemage
– Lochemage, Commented Jul 23, 2014 at 21:23

vittore · Accepted Answer · 2014-07-23 21:29:48Z

1

You are accessing multi-dimensional array elements the right way

arr[i][j]

However when you are doing

var natDays = $('#hdn_l_asuetos').val();

You getting a string as natDays

I think you did this on the server side:

System.Int32[][] myArr = ....

and in razor view

... @myArr

which effectively executed

myArr.ToString()

and you received "System.Int32[][]" value in your input control

What you should've done is JSON serialize you array on the server side and then deserialize it on the client

//in view
@Html.Raw(Json.Encode(myArr))


//js 
var natDaysJson = $('#hdn_l_asuetos').val();
var natDays = JSON.parse(natDaysJson)

then all the remaining code will stay unchanged

Alternatively if this piece of javascript lives in the razor view you can directly assign array to your variable

var natDays = @Html.Raw(Json.Encode(myArr))

this way when view will be rendered you will have you array as object literal:

var natDays = [ [ 1,2,3] , [4,5,6]... ]

answered Jul 23, 2014 at 21:29

vittore

17.6k6 gold badges46 silver badges84 bronze badges

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

1 Comment

KarinaAguiar Over a year ago

Thanks @vittore. This solved the issue: In the view: @Html.Hidden("hdn_l_asuetos", Html.Raw(Json.Encode(Model.l_asuetosToAvoid))). In the JS: var natDaysJson = $('#hdn_l_asuetos').val(); var natDays = JSON && JSON.parse(natDaysJson) || $.parseJSON(natDaysJson);

Lochemage · Accepted Answer · 2014-07-23 21:27:34Z

0

Try using JSON to stringify your double array value into a string before you assign it to the input's value, then when you retrieve it, use JSON to parse it back. If you are just literally assigning the double array value to the value property of the element, it won't work as it can only store strings. What you are getting is probably the array interpreted as a string in the wrong way.

answered Jul 23, 2014 at 21:27

Lochemage

3,97413 silver badges11 bronze badges

Collectives™ on Stack Overflow

JavaScript - MVC.NET: Get value of Multimensional Array

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related