Impossible d'accéder à la propriété d'un objet, même s'il existe. Retourne undefined

Je ne Poste pas ici beaucoup en raison de l'irritation de ne pas avoir assez de messages à commenter, mais le gars qui a posté ce ci-dessous avait raison. L'appel ajax n'était pas terminée lorsque vous avez tenté d'accéder à l'objet. J'irais même plus loin et utiliserais 500 au lieu de 100 pour le temps d'arrêt, juste pour être sûr.

var a = config.col_id_3;    //undefined

setTimeout(function()
{
    var a = config.col_id_3;    //voila!

}, 500);

Essayez avec config[0] ou config[0].col_id_3

je viens d'avoir ce problème aussi , j'ai pu voir un objet , l'enregistrer, mais pas y accéder à partir du code. J'ai alors essayé d'ajouter un [0] devant et j'ai résolu mon problème. Je pourrais alors accéder à toutes les propriétés.

config = JSON.parse(config);

j'avais la même chose, les données étaient un texte et pas un JSON comme je m'y attendais.

j'ai eu le même problème et aucune solution ci-dessus travaillé pour moi et il sorte de se sentait comme le travail de devinette par la suite. Cependant, envelopper mon code qui crée l'objet dans une fonction setTimeout a fait l'affaire pour moi.

setTimeout(function() {
   var myObj = xyz; //some code for creation of complex object like above
   console.log(myObj); // this works
   console.log(myObj.propertyName); // this works too
});

j'ai eu un problème similaire ou peut-être juste lié.

pour mon cas, j'accédais aux propriétés d'un objet, mais l'une d'elles n'était pas définie. J'ai trouvé le problème était un espace blanc dans le code côté serveur tout en créant la clé,val de l'objet.

mon approche était la suivante...

après avoir supprimé l'espace blanc du code côté serveur qui crée l'objet, je peux maintenant accéder à la propriété comme ci-dessous...

ce n'est peut-être pas le problème avec le cas de la question à l'étude, mais c'était pour mon cas. et peut-être pour quelqu'un d'autre. Espérons que cela aide.

cela pourrait aider quelqu'un que j'ai eu un problème similaire dans lequel le JSON.parse () retournait un objet que je pouvais imprimer sur la console.log () mais je n'ai pas pu accéder aux champs spécifiques et aucune des solutions ci-dessus ne fonctionnait pour moi. Comme utiliser la combinaison de JSON.parse() avec JSON.stringify ().

var jsonObj = JSON.parse(JSON.stringify(responseText))

// where responseText is a JSON String returned by the server.

console.log(jsonObj) ///Was printing the object correctly
console.log(jsonObj.Body) /// Was printing Undefined  

j'ai fini par résoudre le problème en utilisant un autre analyseur fourni par ExtJs Ext.decode ();

var jsonObj = Ext.decode(responseText)
console.log(jsonObj.Body) //Worked...

Dans Mon cas, c'est juste que même si je recevoir les données dans le format d'un modèle comme myMethod(data:MyModelClass) objet jusqu'à la réception de l'objet de type string. Qui est Y dans la console.log(data), je reçois le contenu. La Solution est juste de parser le JSON (dans mon cas)

const model:MyMOdelClass=JSON.parse(data);

peut être utile.

j'ai eu un problème comme celui-ci, et j'ai trouvé la solution était à faire avec Underscore.js. Mon enregistrement initial n'avait aucun sens:

console.log(JSON.stringify(obj, null, 2));

> {
>   "code": "foo"
> }

console.log(obj.code);

> undefined

j'ai trouvé la solution en regardant également les clés de l'objet:

console.log(JSON.stringify(Object.keys(obj)));

> ["_wrapped","_chain"]

cela m'amène à réaliser que obj était en fait un Underscore.js wraper autour d'un objet, et le débogage initial m'a menti.

j'ai eu le même problème (lors du développement pour SugarCRM), où je commence par:

var leadBean = app.data.createBean('Leads', {id: this.model.attributes.parent_id});

// This should load object with attributes 
leadBean.fetch();

// Here were my attributes filled in with proper values including name
console.log(leadBean);

// Printed "undefined"
console.log(leadBean.attributes.name);

problème était dans fetch() , son appel async donc j'ai dû réécrire mon code en:

var leadBean = app.data.createBean('Leads', {id: this.model.attributes.parent_id});

// This should load object with attributes 
leadBean.fetch({
    success: function (lead) {
        // Printed my value correctly
        console.log(lead.attributes.name);
    }
});

excellentes suggestions ici. J'ajouterai que quelqu'un pourrait le trouver utile.

être très conscient de la mise en cache, dans le navigateur ou à distance.

j'étais aux prises avec ce problème , car je développe en ligne, et mis en œuvre une stratégie simple.

1. j'ai mis l'anti-cache sur le navigateur de mon script js. citation: "ajouter une chaîne de requête "?v=1" à tous .css et .fichiers js pour empêcher la mise en cache."
2. j'ai mis un journal de bord supplémentaire de la console que je modifie avant d'essayer une nouvelle requête: console.journal(""); Si Je ne vois pas ce nouveau log dans la console, je sais que j'ai un problème de cache quelque part.

une Fois que j'ai eu la syntaxe correcte, j'ai supprimé le délai suggéré plus tôt, et tout est bon. Pour moi, je devais utiliser, " JSON.stringify ("

Juste au cas où c'est utile pour quelqu'un, j'ai eu un problème similaire, et c'est parce que quelqu'un a créé un remplacement pour .toJSON dans l'objet avec lequel je travaillais. Donc l'objet était quelque chose comme:

{
  foo: {
         bar: "Hello"
         baz: "World"
       }
}

mais .toJSON () était:

toJSON() {
  return this.foo
}

donc quand j'ai appelé JSON.stringify(monobjet) il est revenu "{"bar": "Bonjour", "baz": "Monde"}". Toutefois, L'Objet.keys (myObject) a révélé le "foo".

excellentes suggestions. Je viens d'avoir le même problème donc mes deux cents. Une chose qui a résolu le problème a été l'ajout de 'JSON: true' dans les options de ma requête. (cela dépend évidemment de la bibliothèque que vous utilisez, mais le principe général est le même - spécifiez le format de contenu que vous attendez de recevoir.)

j'ai fait face au même problème aujourd'hui. Dans mon cas, les clés étaient imbriquées.e key1.touche2. J'ai divisé les touches en utilisant split() et j'ai ensuite utilisé la notation du crochet carré, qui a fonctionné pour moi.

var data = {
    key1: {
          key2: "some value"
       }
}

j'ai divisé les touches et je l'ai utilisé comme ceci, les données[key1][key2] qui ont fait le travail pour moi.

j'ai eu le même problème aujourd'hui. Le problème a été causé par uglify-js. Après avoir exécuté le même problème de code non-uglified a été résolu. Suppression de

--mangle-props

d'uglify-js était suffisant pour avoir du code uglifié.

la meilleure pratique consiste peut-être à utiliser un préfixe pour les propriétés qui doivent être altérées par la règle regex pour uglify-js.

Voici la source:

var data = JSON.parse( content);
...
this.pageIndex = parseInt(data.index);
this.pageTotal = parseInt(data.total);
this.pageLimit = parseInt(data.limit); 

et voici comment

var n = JSON.parse( t);
...
this._ = parseInt(n.index), this.g = parseInt(n.total), this.D = parseInt(n.C)

en 2018 Mozilla nous avertit dans le Mozilla Docs ici !

je cite "objets de journalisation" :

Ne pas utiliser console.log(obj); , utilisez console.log(JSON.parse(JSON.stringify(obj))); .

de cette façon vous êtes sûr que vous voyez la valeur d'obj en ce moment vous vous connectez.

je viens d'avoir le même problème avec un document chargé de MongoDB en utilisant Mongoose.

S'est avéré que j'utilise la propriété find() pour retourner un seul objet, donc j'ai changé find() en findOne() et tout a fonctionné pour moi.

Solution (si vous utilisez Mongoose): assurez-vous de retourner un seul objet, de sorte que vous pouvez analyser son object.id ou il sera traité comme un tableau de sorte que vous avez besoin de l'accès comme object[0].id .

j'ai eu ce même problème en travaillant avec une fonction qui fait un appel ajax. Dans mon cas, j'avais de la difficulté à obtenir un code d'erreur valide du serveur. C'est la fonction:

function getListItem(listItemUri){
    return jQuery.ajax({
        url: listItemUri,
        type: "Get",
        headers: { "accept": "application/json;odata=verbose" }
    });
}

le code ci-dessous était incorrect, et montrerait l'objet dans la console, mais serait non défini en essayant d'y accéder.

var list = getListItem(uri);
var failed = list.fail(onerror);
console.log(failed);  //displays object which included a status
console.log(obj.status); //but when trying to retrieve the status message it was undefined

Le code ci-dessous m'a permis d'accéder aux valeurs de l'objet. La clé était dans utiliser la liste.l'échec comme une fonction au lieu de l'affecter à une variable.

var list = getListItem(uri);

list.fail(function(obj){
    console.log(obj); //displays object
    console.log(obj.status); //the object is now defined and I am able to see the error code returned by the server
});