@davidfoxدیوید فاکس
نوشتن جاوا اسکریپت ، واکنش و واکنش پیش رو
روش نقشه بخشی از ES6 است که به خصوص برای توسعه دهندگان React بسیار مفید است. این چیست و چگونه کار میکند؟ بیا یک نگاهی بیندازیم.
برای ایجاد یک آرایه جدید که با ‘نگاشت’ هر عنصر در array1 به array2 جمع می شود ، می توانید array.map () را به هر آرایه ای در کد خود فراخوانی کنید. آنچه که در واقع به آرایه 2 ختم می شود با عملکرد برگشتی که به عنوان آرگومان در روش نقشه گذراندید تعیین می شود.
من عاشق کد شبه زیر هستم که از شکلک ها برای نمایش تصویری سطح بالا از نحوه کار نقشه استفاده می کند.
آرایه اولیه برای دستیابی به آرایه خروجی – غذای پخته شده با روش “cook” ترسیم می شود!
[?,?,?].map(cook) = [?,?,?]بنابراین ، این چگونه با استفاده از کد واقعی JavaScript به نظر می رسد؟
در مثال ساده زیر ، ما از روش نقشه برای ایجاد یک آرایه جدید با هر عنصر از آرایه اصلی ضرب در دو استفاده می کنیم:
// Our array1 initialisation
const array1 = [1,4,9,16];
// array1 mapped over into a new variable called map1
const array2 = array1.map(x = x * 2);
// Outcome
array2 = [2,8,18,32]از نظر عملی ، روش نقشه در React بسیار مفید است ، خصوصاً برای جستجوی آرایه ای در داخل JSX – کد شما را واقعاً مرتب نگه می دارد و شما را از تماس با توابع خارج از JSX نجات می دهد …