Comment obtenir le premier nombre N d'éléments d'un tableau

Je travaille avec Javascript (ES6) / FaceBook et essaie d'obtenir les 3 premiers éléments d'un tableau dont la taille varie. Je voudrais faire l'équivalent de Linq take (n).

Dans mon fichier Jsx, j'ai les éléments suivants:

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

Ensuite, pour obtenir les 3 premiers articles que j'ai essayés

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

Cela n'a pas fonctionné car la carte n'a pas de fonction définie.

Peux-tu aider s'il te plait?

Je crois que ce que vous recherchez est:

// ...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>   
)

Pour obtenir les premiers néléments d'un tableau, utilisez

array.slice(0, n);

Cela peut être surprenant, mais la lengthpropriété d'un tableau n'est pas seulement utilisée pour obtenir le nombre d'éléments du tableau, mais elle est également accessible en écriture et peut être utilisée pour définir la longueur du lien MDN du tableau . Cela mutera le tableau.

Si le tableau actuel n'est plus nécessaire et que vous ne vous souciez pas de l'immuabilité ou que vous ne voulez pas allouer de mémoire, c'est-à-dire que pour un jeu, le moyen le plus rapide est

arr.length = n

vider un tableau

arr.length = 0

N'essayez pas de le faire en utilisant une fonction de carte. La fonction de carte doit être utilisée pour mapper des valeurs d'une chose à une autre. Lorsque le nombre d'entrées et de sorties correspond.

Dans ce cas, utilisez la fonction de filtre qui est également disponible sur le tableau. La fonction de filtre est utilisée lorsque vous souhaitez prendre de manière sélective des valeurs en usinant certains critères. Ensuite, vous pouvez écrire votre code comme

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

Vous pouvez filtrer en utilisant un indextableau.

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

Ce qui suit a fonctionné pour moi.

array.slice( where_to_start_deleting, array.length )

Voici un exemple

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

Avec https://github.com/Siderite/LInQer, vous pouvez accéder à Enumerable.from (list) .take (3) .toArray ();

Utiliser un filtre

Pas la meilleure pratique mais une autre façon

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