Reactjs Array.slice(start, end) not working

Question

I have a problem with the slice() function.

My code:

constructor(props){
  super(props);
  this.state({
    data: props.data
  })
}

//my function
onSliceData = () => {
  let data = this.state.data;
  let sliceData = data.slice(0,5);
  return sliceData;
}

My problem is my function does not return anything. When I console.log(data) in onSliceData I receive result like this:

And when I console.log(sliceData) I just receive [] I try using Object.keys to convert data to array but maybe not working. I need some help.

yes. Object.keys just returns array is the key of object. I wanna return array of object , example: [{}, {},...] what should I do? — Simpa407
– Simpa407, Commented Dec 13, 2019 at 17:44
Check my answer and onSliceData should return an array of objects if props.data is an array of objects :) — Ramesh Reddy
– Ramesh Reddy, Commented Dec 13, 2019 at 17:47
I think there's a problem with storing data, not the slice itself. — Shahriar
– Shahriar, Commented Nov 24, 2021 at 8:13

groenhen · Accepted Answer · 2020-10-10 10:20:43Z

2

Try to use Array.from(data).slice.
It worked for me same on ReactJS.

edited Oct 10, 2020 at 10:20

groenhen

3,02725 gold badges51 silver badges69 bronze badges

answered Oct 10, 2020 at 6:24

Khushal

415 bronze badges

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

Comments

ITACS · Accepted Answer · 2021-11-12 04:16:00Z

1

Try this (I found this with the help of w3schools):

let sliceData = data.toString().slice(0,5);

I tried this method and it worked just fine!

answered Nov 12, 2021 at 4:16

ITACS

931 gold badge2 silver badges9 bronze badges

Comments

Ramesh Reddy · Accepted Answer · 2019-12-13 18:10:22Z

0

Make sure that the props being received have data(which is an array)

In the constructor:

constructor(props){
  super(props);
  this.state = { // assign the state with an js object instead of calling it as a func.
    data: props.data
  }
}

Try this:

onSliceData = () => {
  let data = [...this.state.data]; // spreading will return a new array
  let sliceData = data.slice(0,5);
  return sliceData;
}

edited Dec 13, 2019 at 18:10

answered Dec 13, 2019 at 17:46

Ramesh Reddy

10.7k3 gold badges22 silver badges38 bronze badges

10 Comments

Simpa407 Over a year ago

thank you, but not working to me :( it returns [] nothing inside :(

Ramesh Reddy Over a year ago

when and where are you calling onSliceData?

Simpa407 Over a year ago

I call at componentDidMount(){ this.onSliceData()}

Ramesh Reddy Over a year ago

and where are you logging the returned value?

Simpa407 Over a year ago

I get data from mysql by axios

|

Collectives™ on Stack Overflow

Reactjs Array.slice(start, end) not working

3 Answers 3

Comments

Comments

10 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

10 Comments

Your Answer

Sign up or log in

Post as a guest

Related