วิธีรับจำนวน N องค์ประกอบแรกจากอาร์เรย์

ฉันกำลังทำงานกับ Javascript (ES6) / FaceBook ตอบสนองและพยายามรับ 3 องค์ประกอบแรกของอาร์เรย์ที่มีขนาดแตกต่างกันไป ฉันต้องการทำสิ่งที่เทียบเท่ากับ Linq take (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);