روشهای جدید آرایه JavaScript برای بهتر و پاک کننده کد

New JavaScript با مجموعه ای از روش های جدید آرایه طراحی شده است که برای ایجاد کد قابل خواندن ، حفظ و عملکرد بیشتر طراحی شده است. این روشها باعث تغییر ناپذیری ، کاهش عوارض جانبی و ساده سازی کار با آرایه ها می شود. بیایید این موارد جدید و قدرتمند را به زرادخانه جاوا اسکریپت کشف کنیم.

چرا تغییر ناپذیری اهمیت دارد

بسیاری از روشهای آرایه سنتی مانند مرتب سازی () ، معکوس () و شکاف () آرایه اصلی را مستقیماً اصلاح می کنند. این می تواند منجر به مشکلات و اشکالات شود ، به خصوص در برنامه های بزرگ که در آن به همان آرایه در جایی در چندین مکان در کد دسترسی پیدا می کند. تغییر ناپذیری ، یا اصلاح مستقیم داده ها ، از این مسائل جلوگیری می کند. روشهای جدیدی که ما در آغوش می گیریم ، نافذ ناپذیری را در بر می گیریم و به جای اصلاح مواردی که از قبل وجود دارد ، آرایه های جدید را باز می گردانیم.

روش های جدید آرایه

در زیر مروری بر مهمترین روشهای جدید آرایه و چگونگی آسانتر کردن فرآیند برنامه نویسی شما است:

findLast() وت findLastIndex(): آنها برعکس هستند find() وت findIndex()، اما آنها عنصر را از راست به چپ جستجو می کنند. این بسیار مفید است که شما نیاز به بدست آوردن آخرین شاخص عنصری که با یک شرایط خاص روبرو می شود ، بسیار مفید است.

const numbers = [1, 5, 3, 5, 2];
const lastFive = numbers.findLast(num => num === 5); // 5
const lastFiveIndex = numbers.findLastIndex(num => num === 5); // 3

toReversed(): یک آرایه تازه را با عناصر معکوس باز می گرداند و اصلی را بدون تغییر می گذارد. این یک همتای جانبی عاری از اثر معکوس () است.

const originalArray = [1, 2, 3];
const reversedArray = originalArray.toReversed(); // [3, 2, 1]
console.log(originalArray); // [1, 2, 3] (Original array remains unchanged)

toSorted(): شبیه به toReversed(): ، این آرایه را مرتب می کند و یک آرایه مرتب شده تازه را بدون تغییر اصلی باز می گرداند.

const unsortedArray = [3, 1, 4, 2];
const sortedArray = unsortedArray.toSorted(); // [1, 2, 3, 4]
console.log(unsortedArray); // [3, 1, 4, 2]

toSpliced(): این روش نسخه غیرقابل تغییر است splice()بشر این یک آرایه جدید را با تغییرات مشخص شده (حذف یا افزودن عناصر) برمی گرداند ، اما اصل را اصلاح نمی کند.

const myArray = [1, 2, 3, 4];
const newArray = myArray.toSpliced(1, 2, 5, 6); // [1, 5, 6, 4] (Removes 2 elements and adds 2)
console.log(myArray); // [1, 2, 3, 4] (Original array remains unchanged)

with(): یک جایگزین جمع و جور تر برای جایگزینی یک عنصر در یک شاخص مشخص شده در یک آرایه و بدون اصلاح اصلی.

const myArray = [10, 20, 30];
const newArray = myArray.with(1, 25); // [10, 25, 30] (Replaces element at index 1)
console.log(myArray); // [10, 20, 30] (Original array remains unchanged)

مزایای استفاده از این توابع

خوانایی کد بهبود یافته: این روشها احتمالاً بهتر از همتایان قابل تغییر خود را بیان می کنند.
عوارض جانبی کمتر: تغییر ناپذیری از تغییرات حالت جلوگیری می کند و احتمال عوارض جانبی را کاهش می دهد ، که اشکال زدایی آن آسان تر است.
قابلیت حفظ بهتر: کد قابل خواندن تر مستعد خطا است و درک ، اصلاح و نگهداری آن آسان تر است.
پشتیبانی بهبود یافته از برنامه نویسی عملکردی: این رویکردها بیشتر مطابق با برنامه نویسی کاربردی است ، جایی که می توانید کد پشتیبانی و سازنده تری بنویسید.

مثال: ترکیب روشها

const products = [
    { name: "Apple", price: 1.50 },
    { name: "Banana", price: 0.75 },
    { name: "Orange", price: 1.25 }
];

const sortedAndDiscounted = products
    .toSorted((a, b) => a.price - b.price) // Sort by price
    .with(0, {...products[0], price: products[0].price * 0.9}); // Apply 10% discount to the cheapest item


console.log(sortedAndDiscounted);

این رویکردهای جدید برای تحولات پیچیده داده ها می توانند به طرز ظریف با هم زنجیر شوند:

سازگاری مرورگر و Polyfills

در حالی که این روش ها جدید هستند ، آنها در مرورگرها پشتیبانی کاملی دارند. اگر نیاز به پشتیبانی از مرورگرهای قدیمی دارید ، می توانید از Polyfills استفاده کنید تا شکاف در عملکرد غیرقابل دسترسی را ایجاد کنید. Polyfill یک قطعه کد است که ویژگی جدیدی را برای یک محیط قدیمی تر به ارمغان می آورد. کتابخانه هایی مانند Core-Js برای ویژگی های جدیدتر JavaScript ، پلی فیلی های جامع ارائه می دهند.

پایان

این روشهای جدید آرایه JavaScript یک روش قدرتمند برای نوشتن کد پاک کننده ، قابل حفظ تر و قابل پیش بینی به ما می دهد. آنها با در آغوش گرفتن ناپذیری و به حداقل رساندن پیچیدگی عملیات آرایه مشترک ، این امکان را برای توسعه دهندگان فراهم می کنند که برنامه های قوی تر و مقیاس پذیر تر بنویسند. امروز آنها را در پروژه های خود وارد کنید و مزایای دست اول را تجربه کنید!