The value retrieved from the JavaScript Object data is not accurate

Question

The value retrieved from the JavaScript Object data is not accurate

Currently immersed in a JavaScript project utilizing Sencha, I've encountered an issue that has me completely stumped.

The problem seems straightforward. Behold my code snippet:

console.log("store : ");
console.log(store);
console.log("store length :");
console.log(store.data.length);

And this is the result it yields:

store :
_data: Ext.apply.create.Class
_model: ()
_modelDefaults: Ext.Object.classify.objectClass
_params: Ext.Object.classify.objectClass
_proxy: Ext.apply.create.Class
_remoteFilter: false
_remoteGroup: false
_remoteSort: false
_storeId: "Indicator_Value"
_syncRemovedRecords: false
config: Ext.Object.classify.objectClass
data: Ext.apply.create.Class
     _autoFilter: true
    _autoSort: true
    _filterRoot: "data"
    _sortRoot: "data"
    all: Array[2]
    config: Ext.Object.classify.objectClass
    dirtyIndices: false
    getKey: (record)
    indices: Object
    initConfig: ()
    initialConfig: Object
    items: Array[2]
    keys: Array[2]
    length: 2
map: Object
__proto__: Ext.util.Collection#constructor
dateFirst: Mon Aug 31 2015 14:47:36 GMT+0200 (Paris, Madrid (heure d’été))
dateLast: Mon Aug 31 2015 15:02:48 GMT+0200 (Paris, Madrid (heure d’été))
emptyNext: false
emptyPrevious: false
eventDispatcher: Ext.apply.create.Class
getEventDispatcher: ()
getId: ()
getObservableId: ()
getUniqueId: ()
graphType: 1
id: "myapp-store-indicator_value-1"
indicatorId: 262
initConfig: ()
initialConfig: Object
initialized: true
managedListeners: Object
observableId: "#myapp-store-indicator_value-1"
period: "H"
removed: Array[0]
titleIndicatorValue: "Duration in FTC"
usedSelectors: Array[1]
__proto__: Object


store length :
14

I'm at a loss. According to logic, store.data.length should be 2, yet it consistently shows 14. Could it be that there's some fundamental concept about how stores function that eludes me? Any support would be immensely appreciated; I've been grappling with this for around 2 hours now, and I can't seem to find a way out.

Thank you!

javascript object extjs

Answer 1

Answer №1

I'm struggling to understand this. According to my code, store.data.length should be 2, but it consistently shows up as 14.

Here's the explanation: The number "2" represents the current count of items in the store when you access it directly. However, the number "14" reflects the count at the specific moment you write it to the console. It's likely that the count has changed between these two points in time!

You can easily replicate this scenario:

var store = Ext.create('Ext.data.Store', {
    data: ['foo', 'bar', 'aa', 'foo', 'bar', 'aa', 'foo', 'bar', 'aa', 'foo', 'bar', 'aa', 'bar', 'aa']
});
console.log(store);
console.log(store.data.length);
store.removeAt(0, 12);

Try this example yourself:

Answer 2

I'm struggling to understand this. According to my code, store.data.length should be 2, but it consistently shows up as 14.

Here's the explanation: The number "2" represents the current count of items in the store when you access it directly. However, the number "14" reflects the count at the specific moment you write it to the console. It's likely that the count has changed between these two points in time!

You can easily replicate this scenario:

var store = Ext.create('Ext.data.Store', {
    data: ['foo', 'bar', 'aa', 'foo', 'bar', 'aa', 'foo', 'bar', 'aa', 'foo', 'bar', 'aa', 'bar', 'aa']
});
console.log(store);
console.log(store.data.length);
store.removeAt(0, 12);

Try this example yourself:

Answer 3

Answer №2

size is a JavaScript attribute, so it's not advisable to name your variable size.

If it belongs to a predefined class within this platform you're using, determine the specific size you need and attempt the following:

console.log(company.data.all.size);

Answer 4

size is a JavaScript attribute, so it's not advisable to name your variable size.

If it belongs to a predefined class within this platform you're using, determine the specific size you need and attempt the following:

console.log(company.data.all.size);

Answer 5

Answer №3

The data property within the Ext.data.Store is not stored as an array, but rather as a MixedCollection. This MixedCollection does not contain a length property.

To accurately determine the number of records in the store, you should use

store.getCount()

Answer 6

The data property within the Ext.data.Store is not stored as an array, but rather as a MixedCollection. This MixedCollection does not contain a length property.

To accurately determine the number of records in the store, you should use

store.getCount()

Answer 7

Answer №4

If you're looking to access the data property in a data store, you can use the following code snippet:

store.data

The data type of store.data is Ext.util.MixedCollection, so you can determine its count using the following code:

store.data.getCount()

In addition to using console.log(store); to check for output, you can also achieve similar results with:

store.data.items.length

Answer 8

If you're looking to access the data property in a data store, you can use the following code snippet:

store.data

The data type of store.data is Ext.util.MixedCollection, so you can determine its count using the following code:

store.data.getCount()

In addition to using console.log(store); to check for output, you can also achieve similar results with:

store.data.items.length

The value retrieved from the JavaScript Object data is not accurate

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

Acquiring matching values in list box by selecting a particular value from the dropdown menu

PHP project encountered an error stating: "Uncaught TypeError: Ajax is not a function"

Exploring Angular 2's nested formGroups, formArrays, and template binding benefits

Variable used in jQuery/ajax click eventIncorporating a

Having trouble with React Router v4 not displaying any content?

Change the text inside a container without losing any associated event listeners using JavaScript or jQuery

Problem encountered while trying to publish a post using Iron Router

Enhancing HTML through Angular 7 with HTTP responses

Filter a Vue list based on a checkbox that can be either checked or unchecked

Why is my MongoDB $match aggregation query not returning results within a specified date range?

Enhance your coding experience with Firebase Autocomplete on VScode

The iron-session package does not export the path ./next/dist from the package

Activate a particular panel within the leftPanel using PDFNet Webviewer

Receiving a reply from the axios function

Passing a parameter from a redirect function to an onClick in React using TypeScript

Pop-up website opening with fixed dimensions error

Synchronize data with Microsoft AJAX using force sync

Struggling with the paste event glitch on Opera versions 11 and under

Objection.js - Relationship with intermediate table

The absence of defined exports in TypeScript has presented a challenge, despite attempting various improvement methods