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

Question

Tôi đang làm việc với Javascript (ES6)/FaceBook phản ứng và cố gắng lấy 3 phần 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 file Jsx của tôi, tôi đã đ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 đã cố gắng

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

này đã không làm việc như bản đồ không có chức năng thiết lập .

Bạn có thể trợ giúp không?

Answer 1

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

Answer 2

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

array.slice(0, n); 

Answer 3

Đừng cố gắng làm điều đó bằng cách sử dụng chức năng bản đồ. Hàm bản đồ nên được sử dụng để ánh xạ các giá trị từ vật này sang vật khác. Khi số lượng kết quả đầu vào và đầu ra.

Trong trường hợp này, hã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} /> 
        ); 
       }); 

Answer 4

này có thể gây ngạc nhiên nhưng length tài sản của một mảng không chỉ được sử dụng để có được số của mảng nhưng cũng có thể ghi và có thể được sử dụng để đặt độ dài của mảng MDN link

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

arr.length = n 

để trống một mảng

arr.length = 0