Як отримати першу N кількість елементів з масиву

Я працюю з реагуванням Javascript (ES6) / FaceBook і намагаюся отримати перші 3 елементи масиву, який залежить від розміру. Я хотів би зробити еквівалент Linq взяти (n).

У своєму файлі Jsx у мене є наступне:

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

Потім отримати перші 3 предмети, які я спробував

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

Це не спрацювало, оскільки карта не має встановленої функції.

Чи можете ви допомогти?

Я вважаю, що ви шукаєте:

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

Щоб отримати перші nелементи масиву, використовуйте

array.slice(0, n);

Це може бути дивно, але lengthвластивість масиву використовується не тільки для отримання кількості елементів масиву, але також є можливим для запису і може бути використана для встановлення MDN посилання довжини масиву . Це змінить масив.

Якщо поточний масив більше не потрібен і вам не байдуже про незмінність або не хочете виділяти пам'ять, тобто для гри, найшвидший спосіб - це

arr.length = n

щоб виповнити масив

arr.length = 0

Не намагайтеся робити це за допомогою функції карти. Функцію карти слід використовувати для відображення значень від однієї речі до іншої. Коли кількість вводу та виходу збігається.

У цьому випадку використовуйте функцію фільтра, яка також доступна в масиві. Функція фільтра використовується, коли потрібно вибірково приймати значення, обробляючи певні критерії. Тоді ви можете написати свій код, як

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

Ви можете фільтрувати за допомогою indexмасиву.

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

Наступне працювало для мене.

array.slice( where_to_start_deleting, array.length )

Ось приклад

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

З https://github.com/Siderite/LInQer ви можете Enumerable.from (список) .take (3) .toArray ();

Використовуйте фільтр

Не найкраща практика, але інший спосіб

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