Cách lấy số N phần tử đầu tiên từ một mảng

Tôi đang làm việc với Javascript (ES6) / FaceBook phản ứng và cố gắng để có được 3 yếu tố đầu tiên của một mảng có kích thước khác nhau. Tôi muốn làm tương đương với Linq mất (n).

Trong tập tin Jsx của tôi, tôi có những điều sau đây:

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

Sau đó, để có được 3 mục đầu tiên tôi đã thử

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

Điều này không hoạt động vì bản đồ không có chức năng thiết lập.

Bạn có thể vui lòng giúp đỡ?

Tôi tin rằng những gì bạn đang tìm kiếm là:

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

Để có được các nphần tử đầu tiên của một mảng, sử dụng

array.slice(0, n);

Điều này có thể gây ngạc nhiên nhưng lengththuộc tính của một mảng không chỉ được sử dụng để lấy số lượng phần tử mảng mà còn có thể ghi và có thể được sử dụng để đặt liên kết MDN có độ dài của mảng . Điều này sẽ đột biến mảng.

Nếu mảng hiện tại không còn cần thiết nữa và bạn không quan tâm đến tính bất biến hoặc không muốn phân bổ bộ nhớ, tức là cho trò chơi, cách nhanh nhất là

arr.length = n

để trống một mảng

arr.length = 0

Đừng thử làm điều đó bằng cách sử dụng chức năng bản đồ. Chức năng bản đồ nên được sử dụng để ánh xạ các giá trị từ thứ này sang thứ khác. Khi số lượng đầu vào và đầu ra khớp nhau.

Trong trường hợp này, sử dụng chức năng lọc cũng có sẵn trên mảng. Chức năng lọc được sử dụng khi bạn muốn chọn lọc lấy các giá trị gia công các tiêu chí nhất định. Sau đó, bạn có thể viết mã của bạn như

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

Bạn có thể lọc bằng cách sử dụng indexmảng.

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

Sau đây làm việc cho tôi.

array.slice( where_to_start_deleting, array.length )

Đây là một ví dụ

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

Với https://github.com/Siderite/LInQer, bạn có thể truy cập Enumerable.from (danh sách) .take (3) .toArray ();

Sử dụng bộ lọc

Không phải cách thực hành tốt nhất mà là một cách khác

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