Как ограничивать вывод данных из массива в JavaScript?

Question

[pokhurev]

Как ограничивать вывод данных из массива в JavaScript ?

Есть массив: [{},{},{},{},{},{}, ....больше 500 индексов];
Я хочу сделать так чтобы изначально доставать их по штук 50, остальные только при необходимости, опять же по 50 а не все сразу.

Comments

[Дмитрий]

а куда вы выводите данные?

[pokhurev]

Дмитрий, react компонент

[Kovalsky]

Зависит от того в каком режиме вам нужно эти данные получать. Можно банально объявить какой-нибудь вспомогательный метод для этого:

Array.prototype.getPortion = function(index = 0, size = 50) {
	return this.slice(index * size, (index + 1) * size)
}

[ 1, 2, 3, 4, 5 ].getPortion(0, 2) // [ 1, 2 ]

https://stackoverflow.com/questions/39455224/is-it...
https://www.codegrepper.com/code-examples/javascri...

Answer 1

[Дмитрий]

const arr = [...]
let part = 1; // или в стейте

const getAnother50 = () => {
  return arr.slice((part - 1) * 50, part * 50)
}

При необходимости увеличиваете part

Comments

[pokhurev]

буду пробовать.

Answer 2

[Dima Polos]

Можно сделать СВОЙ итератор, который будет выдавать по 50 элементов.

Comments

[pokhurev]

На сколько знаю они выводят сразу все элементы массива. Мне нужно чтобы только по требованию выводить +50 к тем массивам которые уже есть.

[Dima Polos]

pokhurev,я имел ввиду свой итератор ;)

[Dima Polos]

pokhurev, поправил ответ)

{
  [Symbol.iterator](){
     return {
         next(){.... return { value:  , done: true/false} }
     }
  }
}

Можно генератор написать, будет намного красивее.

[pokhurev]

Dima Polos, ну я пытаюсь как видите =)

[Dima Polos]

pokhurev, генераторы - почитайте на лерн джс, и тогда его можно использовать в цикле for...of и если надо прям по требованию, то у итератора есть метод next, который и надо написать самому, в нем просто берет массив, вырезаете slice'ом 50 элементов и возвращаете из итератора, только там надо возвращать объетк с ключами value и done. Если будете писать через генератор, то возврат из генератора делается оператором yield, а если вручную, то return { value, done }

[RAX7]

pokhurev, вариант с генератором выглядит примерно так:

function* makeChunk(array, size = 1) {
  let index = 0;
  let taken;
  let chunk;

  do {
    chunk = array.slice(index, index + size);
    taken = chunk.length;
    index += size;
    yield chunk;
  } while (taken === size);
}

const arr = [1, 2, 3, 4, 5, 6, 7, 8];
const chunked = makeChunk(arr, 2);

for (value of chunked) {
  console.log(value);
}

// === or ===
// while ({ done, value } = chunked.next(), !done) {
//   console.log(value);
// }