Неможливо отримати доступ до властивості об'єкта, навіть якщо він відображається в консольному журналі

Нижче ви бачите вихід із цих двох журналів. Перший чітко показує повний об'єкт із властивістю, до якої я намагаюся отримати доступ, але в наступному рядку коду я не можу отримати доступ до нього config.col_id_3(див. "Не визначений" на скріншоті?). Хтось може це пояснити? Я можу отримати доступ до будь-якої іншої власності, крім неї 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дзвінка.

Щойно у мене виникла ця проблема з документом, завантаженим з MongoDB за допомогою Mongoose .

При запуску console.log()на весь об'єкт відображатимуться всі поля документа (як збережені в db). Однак деякі індивідуальні майнові майнові повернуться undefined, коли інші (в тому числі _id) працювали нормально.

Виявилося, що доступність властивостей працює лише для тих полів, які вказані в моєму mongoose.Schema(...)визначенні, тоді як console.log()і JSON.stringify()повертає всі поля, що зберігаються в db.

Рішення (якщо ви використовуєте 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/"
            }
        ]
    }

Я спробував отримати доступ до ключа 'name' з 'category', і я отримав невизначену помилку, оскільки використовував:

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

У моєму випадку я передавав об’єкт обіцянці, в межах обіцянки я додавав об'єкту більше ключа / значення, і коли це було зроблено, обіцянка повернула об'єкт.

Однак, трохи поглянувши з мого боку, обіцянка повертала об’єкт ще до того, як він був повністю закінчений ... таким чином, решта мого коду намагалася обробити оновлений об’єкт, і даних ще не було. Але, як вище, в консолі я побачив об’єкт повністю оновленим, але не мав доступу до клавіш - вони поверталися не визначеними. Поки я не бачив цього:

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 до інтер нічого не змінило
4. Я навіть намагався переключити дані, щоб зробити "i18n" першим об'єктом
5. Перенесли код навколо, щоб переконатися, що об’єкт повністю встановлений, і не було проблем з обіцянкою ajax.

Нічого не допомогло ... Тоді на стороні сервера я записав дані в журнал php, і він виявив це:

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

"Я" в індексному ключі насправді був 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) об'єкт, поки отриманий об'єкт не був тип рядка. Який y у console.log (дані) я отримую вміст. Рішення - просто розібрати JSON (у моєму випадку)

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

Думка може бути корисною.

Я щойно стикався з цією проблемою з об’єктами, згенерованими csv-аналізатором з файлу CSV, який був створений MS Excel. Мені вдалося отримати доступ до всіх властивостей, окрім першої властивості - але це виявиться нормально, якби я записав весь об’єкт за допомогою console.log.

Виявилося, що формат CSV UTF-8 вставляє 3 байти (ef bb bf) на початку, що відповідає невидимому символу - які були включені як частину першого заголовка властивості csv-аналізатором. Рішення полягало в повторному генеруванні CSV, використовуючи параметр, який не є UTF, і це усувало невидимий символ.

У мене була подібна проблема, сподіваюся, що наступне рішення комусь допоможе.
Тут ви можете використовувати 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())

встановивши тип відповіді на будь-яку виправлену для мене проблему, я не міг отримати доступ до властивостей відповіді, поки не встановив res: any

див. це питання Властивість '_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
});

У мене було подібне питання або, можливо, просто пов'язане.

У моєму випадку я мав доступ до властивостей об'єкта, але одна не була визначена. Я виявив, що проблема була пробілом у коді на стороні сервера під час створення ключа, val об'єкта.

Мій підхід був такий:

Після видалення пробілу з коду на сервері, що створює об'єкт, я міг отримати доступ до властивості, як показано нижче ...

Це не може бути проблемою у випадку предметного питання, але це було для мого випадку, а може бути таким і для когось іншого. Сподіваюся, це допомагає.

У мене щойно виникла проблема з документом, завантаженим з MongoDB за допомогою Mongoose.

Виявилося, що я використовую властивість find()повертати тільки один об'єкт, тому я змінив , find()щоб findOne()і все працювало для мене.

Рішення (якщо ви використовуєте Mongoose): Переконайтеся, що повертаєте лише один об’єкт, щоб ви могли розібрати його, object.idабо він буде розглядатися як масив, тому вам потрібно отримати доступ до нього таким чином object[0].id.

Для мене це виявилося проблемою, пов’язаною з мангустом.

Я перекидався предметами, які я отримав із запиту Монго. Мені просто довелося видалити:

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"
       }
}

Я розділив ключі і використав це так, дані [key1] [key2], які зробили роботу для мене.

У мене було таке ж питання і сьогодні. Проблема була викликана uglify-js. Після того, як я виконав таку ж проблему, що не використовується, код було вирішено. Видалення

--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 Strify / синтаксичного аналізу не працював на мене.

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.