4 روش برای تخریب آرایه در جاوا اسکریپت و تمیز کردن کد شما

Summarize this content to 400 words in Persian Lang
با سلام! 🎉

من امیدوارم که شما در حال انجام عالی! این SMY است! 👋 امروز، ما به جادوی جالب جاوا اسکریپت با تخریب آرایه می پردازیم! 🚀

📜 مطالب:

⚡ صبر کن چی؟
⚡ اما چرا؟
⚡ اما چگونه؟
1️⃣ تخریب آرایه ها به صورت زمانی
2️⃣ تخریب آرایه ها بر اساس شاخص
3️⃣ تخریب آرایه ها در داخل اشیا
4️⃣ تخریب آرایه ها با شاخص های پویا

⚡ صبر کن چی؟

تخریب آرایه یک ویژگی منظم در جاوا اسکریپت است که به شما امکان می دهد مقادیر را از آرایه ها (یا خصوصیات از اشیاء) به متغیرهای متمایز استخراج کنید. این فقط برای جذاب جلوه دادن کد شما نیست، بلکه نوشتن کدهای تمیزتر و خواناتر است. بیایید توضیح دهیم که چگونه می توانید آرایه ها را به روش های مختلف تخریب کنید!

⚡ اما چرا؟

تخریب کد شما را مختصرتر و رساتر می کند. به جای دسترسی به عناصر آرایه با شاخص های آنها، می توانید مستقیماً مقادیر را در متغیرها استخراج کنید. این می تواند کد شما را ساده کند، خطاها را کاهش دهد و درک آن را آسان تر کند.

⚡ اما چگونه؟

بیایید با چند مثال به هر روش تخریب آرایه بپردازیم!

1️⃣ تخریب آرایه ها به صورت زمانی

این ساده ترین راه برای تخریب آرایه ها است. شما متغیرها را به ترتیبی که ظاهر می شوند با عناصر آرایه مطابقت دهید.

const fruits = [‘apple’, ‘mango’, ‘banana’];
const [apple, mango, banana] = fruits;

console.log(apple); // apple
console.log(mango); // mango
console.log(banana); // banana

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

چگونه کار می کند:

را fruits آرایه شامل سه عنصر است.
با استفاده از [apple, mango, banana]، ما آرایه را به سه متغیر که هر کدام مربوط به یک عنصر در آرایه است، به ترتیب مشابه، تخریب می کنیم.

2️⃣ تخریب ساختار آرایه ها بر اساس شاخص

در جاوا اسکریپت، نمی‌توانید به‌طور مستقیم آرایه‌ها را بر اساس فهرست درون خود آرایه literal تخریب کنید، اما می‌توانید با کمی راه‌حل به نتایج مشابهی دست پیدا کنید. Object.entries یا با تنظیم دستی مقادیر.

const fruits = [‘apple’, ‘mango’, ‘banana’];
const {0: apple, 1: mango, 2: banana} = fruits;

console.log(apple); // apple
console.log(mango); // mango
console.log(banana); // banana

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

چگونه کار می کند:

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

3️⃣ تخریب آرایه ها در اشیاء

همچنین می‌توانید آرایه‌هایی را که درون اشیا تودرتو هستند را تخریب کنید. این به شما امکان می دهد عناصر خاصی را در ساختارهای تودرتو مورد هدف قرار دهید.

const fruitsPerSeason = {
summer: [‘grapes’, ‘pineapple’],
winter: [‘kiwis’, ‘oranges’] };

const { summer: [grape, pineapple], winter: [kiwi, orange] } = fruitsPerSeason;

console.log(grape); // grapes
console.log(pineapple); // pineapple
console.log(kiwi); // kiwis
console.log(orange); // oranges

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

چگونه کار می کند:

fruitsPerSeason یک شی است که در آن هر ویژگی یک آرایه است.
با تخریب درون شی، عناصر خاصی را از این آرایه ها به متغیرهای متمایز استخراج می کنیم.

4️⃣ تخریب آرایه ها با شاخص های پویا

برای یک رویکرد پویا تر، می توانید ساختارشکنی را با متغیرهایی که شاخص ها را نگه می دارند ترکیب کنید.

const fruitsPerSeason = {
summer: [‘pineapple’, ‘grapes’],
winter: [‘kiwis’, ‘oranges’] };

const pineappleIdx = 0, kiwisIdx = 0;
const { summer: [_, pineapple], winter: [_, kiwis] } = fruitsPerSeason;

console.log(pineapple); // pineapple
console.log(kiwis); // kiwis

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

چگونه کار می کند:

در اینجا، ما استفاده می کنیم _ به عنوان یک مکان نگهدار برای نادیده گرفتن عناصر اولیه و تخریب تنها عناصری که بر اساس شاخص های پویا نیاز داریم (اگرچه خود شاخص ها در این مثال به صورت پویا استفاده نمی شوند).

جمع بندی:

تخریب آرایه‌ها می‌تواند کد جاوا اسکریپت شما را ساده‌تر کند و آن را تمیزتر و گویاتر کند. فرقی نمی‌کند مقادیر را به‌صورت زمانی استخراج کنید، شاخص‌های خاصی را هدف قرار دهید، یا درون اشیاء کار کنید، این تکنیک‌ها به شما کمک می‌کنند تا آرایه‌ها را کارآمدتر مدیریت کنید.

همین است، مردمی! امیدواریم این تجزیه و تحلیل ساختار آرایه را مفید و روشنگر یافته باشید. 🚀

برای دریافت نکات و ترفندهای بیشتر جاوا اسکریپت، می توانید من را در GitHub و LinkedIn دنبال کنید!

GitHub

لینکدین

برنامه نویسی عالی و شاد باشید! ✨

const fruits = ['apple', 'mango', 'banana'];
const [apple, mango, banana] = fruits;

console.log(apple); // apple
console.log(mango); // mango
console.log(banana); // banana

const fruits = ['apple', 'mango', 'banana'];
const {0: apple, 1: mango, 2: banana} = fruits;

console.log(apple); // apple
console.log(mango); // mango
console.log(banana); // banana

const fruitsPerSeason = {
  summer: ['grapes', 'pineapple'],
  winter: ['kiwis', 'oranges']
};

const { summer: [grape, pineapple], winter: [kiwi, orange] } = fruitsPerSeason;

console.log(grape); // grapes
console.log(pineapple); // pineapple
console.log(kiwi); // kiwis
console.log(orange); // oranges

const fruitsPerSeason = {
  summer: ['pineapple', 'grapes'],
  winter: ['kiwis', 'oranges']
};

const pineappleIdx = 0, kiwisIdx = 0;
const { summer: [_, pineapple], winter: [_, kiwis] } = fruitsPerSeason;

console.log(pineapple); // pineapple
console.log(kiwis); // kiwis