How to retrieve the key/value object in Json with Javascript?

Question

I have a weird problem.

First I retrieve several calls at the same time. And save the returned data in a variable called "values"

  function PrefsService($resource,PrefsResource,$q) {

    var initialize = function() {

      return $q
        .all(
          [PrefsResource.get({key:"TwentyFourHourTime"}),
          PrefsResource.get({key:"DecimalTime"}),
          PrefsResource.get({key:"startDayOfWeek"}),
          PrefsResource.get({key:"RoundingIncrement"}),
          PrefsResource.get({key:"RoundingOption"})
        ]
        )
        .then(function(values) {

          return values
        })

I use this piece of code in controller to see the returned value:

PrefsService
.initialize()
.then(function(values) {
console.log("values",values);
console.log("values[0]",values[0]);
console.log("values[0].result",values[0].result);
})

I want to use "values[0].result" get the result object. But it always gives me a value of "undefined".

Why?

Thx

At what point are you attempting to use values[0].result? This may be related. — James Thorpe
– James Thorpe, Commented Dec 9, 2015 at 16:34
What you are explaining should work. I'm guessing there's more to it than your explanation. — user400654
– user400654, Commented Dec 9, 2015 at 16:36
The return from initialize will be a promise. Are you calling initialize.then(...)? — Amy Blankenship
– Amy Blankenship, Commented Dec 9, 2015 at 16:39
With what you have shown, values[0].result is the correct way of getting it..May be you are accessing it before it resolves — Saurabh Tiwari
– Saurabh Tiwari, Commented Dec 9, 2015 at 16:39

Jamiec · Accepted Answer · 2015-12-09 16:46:32Z

0

This syntax looks weird:

return {
    values
}

Its basically an object literal with a property name, but no value. In any case what you are tagging on to the initial all is unnecessary:

.then(function(values) {

      return {
        values
      }
    })

Just remove that part.

answered Dec 9, 2015 at 16:46

Jamiec

136k15 gold badges142 silver badges202 bronze badges

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

Comments

R. Salisbury · Accepted Answer · 2015-12-09 16:47:55Z

0

The returned values are promises, use them as promises like you are supposed to:

PrefsService
.initialize()
.then(function(values) {
    values.map(function(valuePromise) {
       valuePromise.then(function(value) {
           console.log(value);
       });
    });
 });

answered Dec 9, 2015 at 16:47

R. Salisbury

2,00519 silver badges18 bronze badges

2 Comments

R. Salisbury Over a year ago

Because you're wrapping values in an object. Just return values not {values} and you will get an array, which will have the map() function.

Adam Jenkins Over a year ago

That's because your doing this return { values }; What you should be doing is return values;

Adam Jenkins · Accepted Answer · 2015-12-09 17:01:01Z

0

The most straightforward way would be to return the actual values, not the promises:

  function PrefsService($resource,PrefsResource,$q) {

    var initialize = function() {

      return $q
        .all([
          PrefsResource.get({key:"TwentyFourHourTime"}),
          PrefsResource.get({key:"DecimalTime"}),
          PrefsResource.get({key:"startDayOfWeek"}),
          PrefsResource.get({key:"RoundingIncrement"}),
          PrefsResource.get({key:"RoundingOption"})
        ])
        .then(function(values) {
          var returnValues = [];
          values.forEach(function(v) { 
              v.then(function(a) { 
                  returnValues.push(a); 
              })
          });
          return returnValues;
        })
    };

    return {
        initialize:initalize;
    }
}


PrefsService
   .initialize()
   .then(function(values) {
      console.log(values); //an array of the actual values, not the promises
   })

answered Dec 9, 2015 at 17:01

Adam Jenkins

56.3k13 gold badges85 silver badges113 bronze badges

1 Comment

Bluesea Over a year ago

TypeError: v.then is not a function at localhost/services/prefsService.js:27:13 at Array.forEach (native)

Collectives™ on Stack Overflow

How to retrieve the key/value object in Json with Javascript?

3 Answers 3

Comments

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related