How to filter array of object without for loop and based on start and end limits [duplicate]

Question

I have startLimit=2 and endlimit=4 so i need to get only records from 2 to 4 in Items array with out using for loop

var favorites = {
  "userID": "12345678",
  "Items": [{
      "productID": "11234567",
      "added": "TIMESTAMP",
      "title": "Project",
      "type": "Weekend Project",
      "imageURL": "1"
    },

    {
      "productID": "11223456",
      "added": "TIMESTAMP",
      "title": "Bathroom",
      "type": "Weekend Project",
      "imageURL": "2"
    },

    {
      "productID": "11223345",
      "added": "TIMESTAMP",
      "title": "Curves",
      "type": "Collections",
      "imageURL": "3"
    },
    {
      "productID": "11223721",
      "added": "TIMESTAMP",
      "title": "Bathroom",
      "type": "Weekend Project",
      "imageURL": "2"
    },
    {
      "productID": "1122456",
      "added": "TIMESTAMP",
      "title": "Curves",
      "type": "Collections",
      "imageURL": "3"
    },
    {
      "productID": "11223734",
      "added": "TIMESTAMP",
      "title": "Bathroom",
      "type": "Weekend Project",
      "imageURL": "2"
    },
    {
      "productID": "11224566",
      "added": "TIMESTAMP",
      "title": "Curves",
      "type": "Collections",
      "imageURL": "3"
    }

  ]
};

what means limit? index? please add the wanted result and what you have tried. — Nina Scholz
– Nina Scholz, Commented Jun 8, 2018 at 6:33
you can try array.slice() function, but it will create a new array. — prady
– prady, Commented Jun 8, 2018 at 6:34
Here is a working example : w3schools.com/jsref/tryit.asp?filename=tryjsref_slice_array — rootExplorr
– rootExplorr, Commented Jun 8, 2018 at 6:37

Isaac · Accepted Answer · 2018-06-08 06:37:43Z

You can use Array.prototype.slice to get range of items from an array as below:

var favorites = {
  "userID": "12345678",
  "Items": [{
      "productID": "11234567",
      "added": "TIMESTAMP",
      "title": "Project",
      "type": "Weekend Project",
      "imageURL": "1"
    },

    {
      "productID": "11223456",
      "added": "TIMESTAMP",
      "title": "Bathroom",
      "type": "Weekend Project",
      "imageURL": "2"
    },

    {
      "productID": "11223345",
      "added": "TIMESTAMP",
      "title": "Curves",
      "type": "Collections",
      "imageURL": "3"
    },
    {
      "productID": "11223721",
      "added": "TIMESTAMP",
      "title": "Bathroom",
      "type": "Weekend Project",
      "imageURL": "2"
    },
    {
      "productID": "1122456",
      "added": "TIMESTAMP",
      "title": "Curves",
      "type": "Collections",
      "imageURL": "3"
    },
    {
      "productID": "11223734",
      "added": "TIMESTAMP",
      "title": "Bathroom",
      "type": "Weekend Project",
      "imageURL": "2"
    },
    {
      "productID": "11224566",
      "added": "TIMESTAMP",
      "title": "Curves",
      "type": "Collections",
      "imageURL": "3"
    }

  ]
};

var sliced = favorites.Items.slice(1, 4); 

console.log(sliced);

dekts · Accepted Answer · 2018-06-08 06:41:48Z

To get the 2 to 4 elements of an array, use

var favorites = {
  "userID": "12345678",
  "Items": [{
      "productID": "11234567",
      "added": "TIMESTAMP",
      "title": "Project",
      "type": "Weekend Project",
      "imageURL": "1"
    },

    {
      "productID": "11223456",
      "added": "TIMESTAMP",
      "title": "Bathroom",
      "type": "Weekend Project",
      "imageURL": "2"
    },

    {
      "productID": "11223345",
      "added": "TIMESTAMP",
      "title": "Curves",
      "type": "Collections",
      "imageURL": "3"
    },
    {
      "productID": "11223721",
      "added": "TIMESTAMP",
      "title": "Bathroom",
      "type": "Weekend Project",
      "imageURL": "2"
    },
    {
      "productID": "1122456",
      "added": "TIMESTAMP",
      "title": "Curves",
      "type": "Collections",
      "imageURL": "3"
    },
    {
      "productID": "11223734",
      "added": "TIMESTAMP",
      "title": "Bathroom",
      "type": "Weekend Project",
      "imageURL": "2"
    },
    {
      "productID": "11224566",
      "added": "TIMESTAMP",
      "title": "Curves",
      "type": "Collections",
      "imageURL": "3"
    }

  ]
};

var arr = favorites.Items;

var result = arr.slice(2, 4);

console.log(result);

Ankit Agarwal · Accepted Answer · 2018-06-08 06:42:01Z

Use slice():

var favorites = {
  "userID": "12345678",
  "Items": [{
      "productID": "11234567",
      "added": "TIMESTAMP",
      "title": "Project",
      "type": "Weekend Project",
      "imageURL": "1"
    },

    {
      "productID": "11223456",
      "added": "TIMESTAMP",
      "title": "Bathroom",
      "type": "Weekend Project",
      "imageURL": "2"
    },

    {
      "productID": "11223345",
      "added": "TIMESTAMP",
      "title": "Curves",
      "type": "Collections",
      "imageURL": "3"
    },
    {
      "productID": "11223721",
      "added": "TIMESTAMP",
      "title": "Bathroom",
      "type": "Weekend Project",
      "imageURL": "2"
    },
    {
      "productID": "1122456",
      "added": "TIMESTAMP",
      "title": "Curves",
      "type": "Collections",
      "imageURL": "3"
    },
    {
      "productID": "11223734",
      "added": "TIMESTAMP",
      "title": "Bathroom",
      "type": "Weekend Project",
      "imageURL": "2"
    },
    {
      "productID": "11224566",
      "added": "TIMESTAMP",
      "title": "Curves",
      "type": "Collections",
      "imageURL": "3"
    }

  ]
};
var startLimit = 2, endLimit = 4;
var res = favorites.Items.slice(startLimit,endLimit);
console.log(res);

prady · Accepted Answer · 2018-06-08 06:49:22Z

0

var yourNewArray = favorites.Items.slice(1,4); console.log(yourNewArray);

parameters 1 and 4 because index of slice starts from 0 , so second element would be 1 and fourth element would be 3 but in slice it excludes last hence 4.

edited Jun 8, 2018 at 6:49

answered Jun 8, 2018 at 6:37

prady

4262 gold badges6 silver badges17 bronze badges

Collectives™ on Stack Overflow

How to filter array of object without for loop and based on start and end limits [duplicate]

4 Answers 4

Comments

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Linked

Related