How to save the name of object in array object?

Question

I have an array containing 7 objects named is NewClass.

When I make some changes to the objects, the object has lost its original NewClass name.

Like that:

In arrray[6] lost NewClass name.

So is there any way I can keep the NewClass name for that object?

Here is my function to handle this array:

useEffect(() => {
console.log(layers);
if (selectedLayerIndex && layers.length > 0) {

  console.log(
    'x',
    layers.map((x) => {
      if (x.feature.properties.editLayerId === selectedLayerIndex) {
        console.log(x);

        return (x = {
          ...x,
          options: { ...x.options, color: 'cyan', fillColor: 'cyan' },
        });
      }
      return x;
    })
  );
  
}

}, [selectedLayerIndex]);

Thank you so much!

@brk I have updated my code above. Please help me if you can. Thank you. — Hamist1001
– Hamist1001, Commented Jun 22, 2022 at 4:01
@brk About the response is an array of objects similar to that because inside each object contains a lot of properties I can't copy it all out. The important thing is that I just want to save the name of the object as NewClass even if it changes the internal properties of that class. That photo, in my opinion, is really clear. If you can help me thank you for that otherwise I will wait for other answers or find solutions myself. Thank you. — Hamist1001
– Hamist1001, Commented Jun 22, 2022 at 4:16

Yuki Lee · Accepted Answer · 2022-06-22 04:15:45Z

2

by using the syntax x = {...x, option: {/* some changes to the class */} here, you change the class to a object, which cause a lost of your class name.

If you want to keep it as a class, please use instance.attribute instead, see the following example

class Demo {
    constructor(color){
        this.color = color;
    }
}

var array = [new Demo('red'),new Demo('red'),new Demo('red'),new Demo('red'),new Demo('red'),new Demo('red'),new Demo('red')];

console.log('original array', array);
console.log('');

array[6] = {...array[6], color: 'blue'};
console.log(array); // array[6] have been change to a object
console.log('');

array[5].color = 'green';
console.log(array); // array[5] is still a class
console.log('');

answered Jun 22, 2022 at 4:15

Yuki Lee

1164 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to save the name of object in array object?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related