Pass json into javascript array

Question

I have a JSON file like this

[{"excursionDay":"2"},{"excursionDay":"3"},{"excursionDay":"4"}]

I want to pass the value of excursionDay into an array in javascript like this

  dayValues = [2,3,4]

My javascript code so far is the following

fucntion excursionDates(date){
var day = date.getDay();
   var dayValues = [];
   $.get('json.php',function(data){
       for(var i=0; i<data.length;i++){
           dayValues.push(data[i].excursionDay);
       }
   },'json');
 }

But for some reason i can't get this work. All of the above i want to triggered when i click in a jquery-ui datepicker and enable only the specific days. The code for the datepicker is bollow.

$("#excursionDate").datepicker({
        minDate: today,
        dateFormat: 'dd-mm-yy',
        beforeShowDay: excursionDates
});

Can anyone help me out please?

Possible duplicate of stackoverflow.com/questions/14220321/… — Arun P Johny
– Arun P Johny, Commented Feb 18, 2015 at 8:59
My console result is [2,3,4] but 28 times cause i am trying to return those values into a jquery-ui calendar to enable only specific days. — Antegeia
– Antegeia, Commented Feb 18, 2015 at 9:08

Arnold Daniels · Accepted Answer · 2015-02-18 09:03:37Z

1

The posted code looks in order, but I'm suspecting that you're not responding with application/json, but with text/html.

Make sure you're doing the following in json.php.

header('Content-Type: application/json');

answered Feb 18, 2015 at 9:03

Arnold Daniels

16.6k6 gold badges55 silver badges84 bronze badges

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

Comments

Jeremy Thille · Accepted Answer · 2015-02-18 09:00:04Z

0

Try this :

data.forEach( function(element){
   dayValues.push(element.excursionDay);
})

console.log(dayValues); // outputs ["2", "3", "4"]

answered Feb 18, 2015 at 9:00

Jeremy Thille

26.4k12 gold badges48 silver badges64 bronze badges

Comments

Chris Charles · Accepted Answer · 2015-02-18 09:02:36Z

0

This looks like a perfect use case for Array.map:

var startArray = [{"excursionDay":"2"},{"excursionDay":"3"},{"excursionDay":"4"}];

var dayValues = startArray.map(function(item){
                    return item.excursionDay
                });

//dayValues is now ["2","3","4"]

More info on Array.prototype.map

answered Feb 18, 2015 at 9:02

Chris Charles

4,44620 silver badges31 bronze badges

Comments

AngularLover · Accepted Answer · 2015-02-18 09:05:20Z

0

Hay i advise you to use underscore.js.

the method

_.values(object)

it returns all the values of the object in an array.

_.values({one: 1, two: 2, three: 3});
result: [1, 2, 3]

answered Feb 18, 2015 at 9:05

AngularLover

3741 silver badge12 bronze badges

Comments

VaMoose · Accepted Answer · 2015-02-18 09:05:40Z

0

This can be done easily in JavaScript:

var jsArray = [];
var p = [{"excursionDay":"2"},{"excursionDay":"3"},{"excursionDay":"4"}];
for( var i = 0; i < p.length; i++) {
    jsArray.push(p[i].excursionDay);
}

console.log(jsArray);

jsFiddle

answered Feb 18, 2015 at 9:05

VaMoose

1967 bronze badges

Comments

prog1011 · Accepted Answer · 2015-02-18 09:05:46Z

0

Try this - Use .push() for insert record into array

var dataArray=[{"excursionDay":"2"},{"excursionDay":"3"},{"excursionDay":"4"}];
dayValuesArray = [];
 for(var i=0; i<dataArray.length;i++){
        dayValuesArray.push(dataArray[i].excursionDay);
    }
alert(dayValuesArray);

answered Feb 18, 2015 at 9:05

prog1011

3,4856 gold badges34 silver badges59 bronze badges

Comments

Amol Chaudhari · Accepted Answer · 2015-02-18 09:24:57Z

0

try below code.

var jsonString ='[{"excursionDay":"2"},{"excursionDay":"3"},"excursionDay":"4"}]';

var obj = $.parseJSON(jsonString);    
var dayValues = [];
for (var i = 0, len = obj.length; i < len; i++){
    dayValues.push(obj[i].excursionDay);
}
console.log(JSON.stringify(obj));

answered Feb 18, 2015 at 9:24

Amol Chaudhari

687 bronze badges

Comments

enguerranws · Accepted Answer · 2015-02-18 09:30:33Z

0

The array part of your code should work fine. But the datepicker call is not.

I guess you should use .beforeShow() method (http://api.jqueryui.com/datepicker/#option-beforeShow), it would work better than .beforeShowDay() that will iterate before each day.

$("#excursionDate").datepicker({
        minDate: today,
        dateFormat: 'dd-mm-yy',
        beforeShow: excursionDates
});

answered Feb 18, 2015 at 9:30

enguerranws

8,2338 gold badges53 silver badges101 bronze badges

Collectives™ on Stack Overflow

Pass json into javascript array

8 Answers 8

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

8 Answers 8

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related