Jak uzyskać pierwszą N liczbę elementów z tablicy

Pracuję z Javascript (ES6) / FaceBook reaguję i próbuję uzyskać pierwsze 3 elementy tablicy o różnej wielkości. Chciałbym zrobić odpowiednik Linq weź (n).

W moim pliku Jsx mam następujące elementy:

var items = list.map(i => {
  return (
    <myview item={i} key={i.id} />
  );
});

Następnie, aby zdobyć pierwsze 3 przedmioty, które próbowałem

  var map = new Map(list);
    map.size = 3;
    var items = map(i => {
      return (<SpotlightLandingGlobalInboxItem item={i} key={i.id} />);
    });

To nie działało, ponieważ mapa nie ma ustawionej funkcji.

Czy możesz mi pomóc?

Wierzę, że szukasz:

// ...inside the render() function

var size = 3;
var items = list.slice(0, size).map(i => {
    return <myview item={i} key={i.id} />
}

return (
  <div>
    {items}
  </div>   
)

Aby uzyskać pierwsze nelementy tablicy, użyj

array.slice(0, n);

Może to być zaskakujące, ale lengthwłaściwość tablicy służy nie tylko do uzyskania liczby elementów tablicy, ale jest także zapisywalna i może być używana do ustawiania długości łącza MDN tablicy . Spowoduje to mutację tablicy.

Jeśli bieżąca tablica nie jest już potrzebna i nie obchodzi Cię niezmienność lub nie chcesz przydzielać pamięci, tj. W przypadku gry najszybszym sposobem jest

arr.length = n

aby opróżnić tablicę

arr.length = 0

Nie próbuj tego robić za pomocą funkcji mapy. Funkcja mapowania powinna być używana do mapowania wartości z jednej rzeczy na drugą. Gdy liczba wejść i wyjść jest zgodna.

W takim przypadku użyj funkcji filtrowania, która jest również dostępna w tablicy. Funkcja filtrowania jest używana, gdy chcesz selektywnie przyjmować wartości przetwarzając określone kryteria. Następnie możesz napisać swój kod jak

var items = list
             .filter((i, index) => (index < 3))
             .map((i, index) => {
                   return (
                     <myview item={i} key={i.id} />
                   );
              });

Możesz filtrować za pomocą indextablicy.

var months = ['Jan', 'March', 'April', 'June'];
months = months.filter((month,idx) => idx < 2)
console.log(months);

Poniższe działało dla mnie.

array.slice( where_to_start_deleting, array.length )

Oto przykład

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.slice(2, fruits.length);
//Banana,Orange  ->These first two we get as resultant

Dzięki https://github.com/Siderite/LInQer możesz przejść do Enumerable.from (list) .take (3) .toArray ();

Użyj filtru

Nie najlepsza praktyka, ale inny sposób

const cutArrByN = arr.filter((item, idx) => idx < n);