コンソールログに表示されているにもかかわらず、オブジェクトプロパティにアクセスできない

以下に、これら2つのログの出力を示します。1つ目は、アクセスしようとしているプロパティを持つ完全なオブジェクトを明確に示していますが、コードの次の行ではアクセスできませんconfig.col_id_3（スクリーンショットの「undefined」を参照してください）。誰かがこれを説明できますか？他のすべてのプロパティにもアクセスできますfield_id_4。

console.log(config);
console.log(config.col_id_3);

これは、これらの行がコンソールに印刷されるものです

の出力console.log(anObject)は誤解を招くものです。表示されるオブジェクトの状態は>、コンソールでを展開したときにのみ解決されます。オブジェクトを実行したときのオブジェクトの状態ではありませんconsole.log。

代わりにconsole.log(Object.keys(config))、またはを試してみてconsole.log(JSON.stringify(config))ください。そうすると、キー、または呼び出したときのオブジェクトの状態が表示されconsole.logます。

（通常）呼び出し後にキーが追加されていることがわかりますconsole.log。

Mongooseを使用してMongoDBからロードされたドキュメントでこの問題が発生しました。

console.log()オブジェクト全体で実行すると、すべてのドキュメントフィールド（dbに保存されている）が表示されます。ただし、一部の個々のプロパティアクセサーはundefined、_id）が正常に動作したます。

プロパティアクセサーは、私のmongoose.Schema(...)定義で指定されたフィールドに対してのみ機能し、dbに格納されているすべてのフィールドconsole.log()をJSON.stringify()返すことがわかりました。

解決策（Mongooseを使用している場合）：すべてのdbフィールドがで定義されていることを確認しますmongoose.Schema(...)。

オブジェクトの中にオブジェクトの配列があるかどうかを確認します。私はJSONで同様の問題がありました：

    "terms": {
        "category": [
            {
                "ID": 4,
                "name": "Cirugia",
                "slug": "cirugia",
                "description": "",
                "taxonomy": "category",
                "parent": null,
                "count": 68,
                "link": "http://distritocuatro.mx/enarm/category/cirugia/"
            }
        ]
    }

「category」から「name」キーにアクセスしようとすると、未定義のエラーが発生しました。

var_name = obj_array.terms.category.name

次に、角かっこがあることに気付きました。つまり、複数のカテゴリオブジェクトを持つことができるため、カテゴリキー内にオブジェクトの配列があります。したがって、「名前」キーを取得するために、私はこれを使用しました：

var_name = obj_array.terms.category[0].name

そして、それはトリックを行います。

多分この答えには遅すぎるかもしれませんが、同じ問題を持つ誰かが解決策を見つける前に私がしたのと同じようにこれを見つけることを願っています:)

同じ問題がありました。私にとっての解決策は、JSONを解析するための入力として文字列化された出力を使用することでした。これでうまくいきました。あなたに役立つことを願っています

var x =JSON.parse(JSON.stringify(obj));
console.log(x.property_actually_now_defined);

アクセスしようとしているプロパティはまだ存在していない可能性があります。Console.logは少し遅れて実行されるので機能しますが、それ以外のコードではそうではありません。これを試して：

var a = config.col_id_3;    //undefined

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

}, 100);

私の場合、オブジェクトをpromiseに渡していました。promise内で、オブジェクトにキー/値を追加していました。完了すると、promiseがオブジェクトを返しました。

しかし、私の部分を少し見直すと、約束はオブジェクトが完全に完了する前にオブジェクトを返すことでした...そのため、残りのコードは更新されたオブジェクトを処理しようとして、データはまだありませんでした。しかし、上記のように、コンソールでは、オブジェクトが完全に更新されたのを見ましたが、キーにアクセスできませんでした-それらは未定義で戻ってきました。私がこれを見るまで：

console.log(obj) ;
console.log(obj.newKey1) ;

// returned in console
> Object { origKey1: "blah", origKey2: "blah blah"} [i]
    origKey1: "blah"
    origKey2: "blah blah"
    newKey1: "this info"
    newKey2: "that info"
    newKey3: " more info"
> *undefined*

[i]は小さなアイコンObject value at left was snapshotted when logged, value below was evaluated just nowです。それは、私の約束が完全に更新される前に私のオブジェクトが評価されていたことに私が思いついたときです。

今日、この問題に苦労しました。解決策を返答するつもりです。

私はajaxを介して次のようなデータオブジェクトをフェッチしていました： {"constants": {"value1":"x","value2":"y"},"i18n" {"data1":"x", "data2":"y"}}

このオブジェクトがデータと呼ばれる変数にあるとしましょう。私が参照したときはいつでも私data.i18nは得ましたundefined。

1. console.log(data) 期待通りにオブジェクトを示した
2. console.log(Object.keys(data)) 前記 ["constants","i18n"]予想通り
3. i18nの名前をinterに変更変更しても、何も変更されませんでした
4. 「i18n」を最初のオブジェクトにするためにデータを切り替えようとしました
5. オブジェクトが完全に設定され、ajax Promiseに問題がないことを確認するために、コードを移動しました。

何も役に立たなかった...次に、サーバー側でデータをphpログに書き込んだところ、次のように明らかになった。

{"constants": {"value1":"x","value2":"y"},"\u045618n" {"data1":"x", "data2":"y"}}

インデックスキーの "i"は、実際にはu0456（キリル文字i）でした。これは私のphpエディターやブラウザーコンソールログに表示されませんでした。phpログだけがこれを明らかにしました...それはトリッキーなものでした...

私のデータは単なるjsonデータ文字列でした。（この変数はセッションでjson文字列として保存されました）。

console.log(json_string_object)

->この文字列の表現のみを返し、文字列であるかオブジェクトであるかを区別する方法はありません。

それでそれを機能させるために、私はそれを実際のオブジェクトに変換し直す必要がありました：

object = JSON.parse(json_string_object);

2018年、MozillaはここのMozilla Docsで私たちに警告します！

「ロギングオブジェクト」を引用します。

使用せずconsole.log(obj);、 使用するconsole.log(JSON.parse(JSON.stringify(obj)));。

これにより、ログを記録した瞬間にobjの値が表示されていることを確認できます。

JSON.parse（）がconsole.log（）に出力できるオブジェクトを返していましたが、特定のフィールドにアクセスできず、上記の解決策のいずれも機能しなかった同様の問題があったため、これは誰かを助けるかもしれません私。JSON.parse（）と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  

私は、ExtJs Ext.decode（）によって提供される別のパーサーを使用して問題を解決することになりました。

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

私の場合、たまたまmyMethod(data:MyModelClass) 受信したオブジェクトが文字列型になるまで、オブジェクトのようなモデルの形式でデータを受信したとしても、たまたまそうなの です。console.log（data）のyはコンテンツを取得します。解決策はJSONを解析することです（私の場合）

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

考えは役に立つかもしれません。

MS Excelで生成されたCSVファイルからcsv-parserで生成されたオブジェクトでこの問題が発生しました。最初のプロパティを除くすべてのプロパティにアクセスできましたが、console.logを使用してオブジェクト全体を書き込んだ場合は問題なく表示されます。

UTF-8 CSV形式は、csv-parserによって最初のプロパティヘッダーの一部として含まれていた非表示の文字に対応する先頭に3バイト（ef bb bf）を挿入することがわかりました。解決策は、UTF以外のオプションを使用してCSVを再生成することでした。これにより、非表示の文字がなくなりました。

私は同様の問題を抱えていましたが、次の解決策が誰かを助けることを願っています。
使用できますsetTimeoutここでいくつかの人が示唆している関数をが、ブラウザがオブジェクトを定義するのにどれだけ正確に必要なのかはわかりません。

そのsetInterval代わりに、代わりに関数を使用することをお勧めします。オブジェクトconfig.col_id_3が定義されるまで待機し、特定のオブジェクトプロパティを必要とする次のコードパーツを起動します。

window.addEventListener('load', function(){

    var fileInterval = setInterval(function() {
        if (typeof config.col_id_3 !== 'undefined') {

            // do your stuff here

            clearInterval(fileInterval); // clear interval
        }
    }, 100); // check every 100ms

});

TYPESCRIPTおよび/またはを使用している場合ANGULAR、これは可能性があります！

.then((res: any) => res.json())

応答タイプを設定するすべての私のために固定し、この問題、私は応答にアクセスプロパティiが設定されなくなるまでRESを：任意の

この質問を参照してくださいプロパティ「_body」はタイプ「応答」に存在しません

私は同じ問題を抱えていましたが、上記の解決策はうまくいきませんでした。ただし、オブジェクトをsetTimeout関数で作成するコードをラップすることでうまくいきました。

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
});

私は同様の問題を抱えているか、おそらく関連しています。

私の場合、オブジェクトのプロパティにアクセスしていましたが、1つは未定義でした。オブジェクトのkey、valを作成しているときに、サーバー側コードの空白が問題であることがわかりました。

私のアプローチは次のとおりでした...

オブジェクトを作成するサーバー側のコードから空白を削除した後、次のようにプロパティにアクセスできます...

これは件名の問題の場合の問題ではないかもしれませんが、私の問題であり、他の誰かの問題であるかもしれません。それが役に立てば幸い。

Mongooseを使用してMongoDBからロードされたドキュメントで同じ問題が発生しました。

プロパティfind()を使用して1つのオブジェクトのみを返すことがわかったので、に変更 find()しfindOne()、すべてがうまくいきました。

解決策（Mongooseを使用している場合）：必ず1つのオブジェクトのみを返すようにします。そうすれば、そのオブジェクトを解析できるようになります。そうしないobject.idと、配列として扱われるため、そのようにアクセスする必要がありますobject[0].id。

私にとってはマングースに関連する問題であることがわかりました。

Mongoクエリから取得したオブジェクトをループしていました。私は削除する必要がありました：

items = await Model.find()

そしてそれを次のように置き換えます：

items = await Model.find().lean()

私はこのような問題を抱えていましたが、解決策はUnderscore.jsを使用することでした。私の最初のロギングは意味がありませんでした：

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

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

console.log(obj.code);

> undefined

オブジェクトのキーも確認して解決策を見つけました：

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

> ["_wrapped","_chain"]

これobjは、実際にはそれがオブジェクトのUnderscore.jsラッパーであり、最初のデバッグが私に嘘をついていたことに気づきました。

（SugarCRM向けに開発しているときに）同様の問題がありました。

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);

問題はfetch()、その非同期呼び出しにあったので、コードを次のように書き直す必要がありました：

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);
    }
});

これが誰かにとって役立つ場合に備えて、私は同様の問題を抱えていました。それは、私が作業していたオブジェクトで.toJSONのオーバーライドを作成したためです。したがって、オブジェクトは次のようなものでした：

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

しかし.toJSON（）は：

toJSON() {
  return this.foo
}

したがって、JSON.stringify（myObject）を呼び出すと、 "{" bar "：" Hello "、" baz "：" World "}"が返されました。しかし、Object.keys（myObject）は「foo」を明らかにしました。

今日も同じ問題に直面しました。私の場合、キーはネストされていました。つまり、key1.key2です。私はsplit（）を使用してキーを分割し、角かっこ表記を使用しましたが、これでうまくいきました。

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

キーを分割して、data [key1] [key2]のように使用しました。

今日も同じ問題がありました。問題の原因はuglify-jsです。同じ非ugliedコードの問題を実行した後、解決されました。の削除

--mangle-props

uglify-jsからは、醜いコードを機能させるのに十分でした。

おそらく、ベストプラクティスは、uglify-jsの正規表現ルールでマングルする必要があるプロパティにいくつかのプレフィックスを使用することです。

ここにソースがあります：

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

そして、これはどのように醜くなったのですか：

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

JSONのstringify / parseが機能しませんでした。

formValues.myKey:               undefined
formValues.myKey with timeout:  content

私は値が欲しかったformValues.myKeyし、トリックをしたのは、以下の例のようなsetTimeout 0でした。それが役に立てば幸い。

console.log('formValues.myKey: ',formValues.myKey);
setTimeout( () => { 
  console.log('formValues.myKey with timeout: ', formValues.myKey);
}, 0 );

私もこの問題に遭遇したばかりで、長い間、私のAPIはJSONではなく文字列型を返していました。したがって、ログに出力したときとまったく同じに見えましたが、プロパティにアクセスしようとすると、未定義のエラーが発生しました。

APIコード：

     var response = JsonConvert.DeserializeObject<StatusResult>(string Of object);
     return Json(response);

以前私はただ戻っていました：

return Json(string Of object);

今日、Reactで同様の問題がありました。最終的に、問題がまだ設定されていない状態が原因であることに気づきました。呼び出しuser.user.nameていましたが、コンソールに表示されていましたが、user.user設定されているかどうかを確認するチェックを含めてを呼び出すまで、コンポーネントでアクセスできなかったようですuser.user.name。