Delete index using rest/spread operator using JS

Question

I have the following scenario where I need an index deleted.

JS:

this.state = {
      rangeValue: this.props.rangeSlider && [
        this.props.rangeValue[0],
        this.props.rangeValue[1],
        this.props.rangeValue[2]
      ],
    };


<Range 
   defaultValue={
   this.props.rangeValue[2] ? [...this.state.rangeValue] : [...this.state.rangeValue] //minus last index in my array (this.props.rangeValue[2])
            }
          />

Why does it have to use the spread operator? Use the .slice() method: this.state.rangeValue.slice(0, -1) — Barmar
– Barmar, Commented Sep 6, 2019 at 15:49
@MathewBerg slice doesn't modify the original array. Before ES6 slices we used this.state.rangeValue.slice() to make a copy of an array. — Barmar
– Barmar, Commented Sep 6, 2019 at 15:57

Taki · Accepted Answer · 2019-09-06 15:49:16Z

1

You can remove the last element by using slice

this.state.rangeValue.slice(0,-1);

Your code :

<Range
  defaultValue={
    this.props.rangeValue[2] ? [...this.state.rangeValue] : this.state.rangeValue.slice(0, -1)
  }
/>

answered Sep 6, 2019 at 15:49

Taki

17.7k5 gold badges28 silver badges48 bronze badges

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

3 Comments

user992731 Over a year ago

Much Thanks @Taki

user992731 Over a year ago

Spoke to soon. Getting this error with that condition: "Uncaught DOMException: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node."

Taki Over a year ago

@MathewBerg no, it does not , slice returns a shallow copy of a portion of an array

Collectives™ on Stack Overflow

Delete index using rest/spread operator using JS

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related