数组内的Javascript重置对象

Question

I have the below JS code in my Ember app that gets called;

myPanels.accordionPanels = [];
myPanels.accordionPanels.push({
    panel: {
        name: "my-grid",
        type: 'comp',
        props: [{
            key: 'elementId',
            value: "myCustomId"
        }]
    }
});

So as you can see, I start by setting myPanels.accordionPanels = [] every time and then push the object.

However, I got the following error

Assertion Failed: Attempted to register a view with an id already in use: myCustomId

So I am assuming that the object inside is not getting reset & it is able to find the earlier created "myCustomId".

Am I resetting the array (or rather the object inside it) correctly ?

Answer 1

Since I am able to push values using:

accordionPanels = [];
accordionPanels.push({
    panel: {
        name: "my-grid",
        type: 'comp',
        props: [{
            key: 'elementId',
            value: "myCustomId"
        }]
    }
});

make sure myPanels.accordionPanels doesn't have any prototype associated with it.
Try to inspect its value as:

myPanels.accordionPanels = [];
console.log(myPanels.accordionPanels); // see if it has values.

You can delete value using :

delete myPanels.accordionPanels PROTOTYPE