🦸‍♂️🦸‍♀️ مهارت های جاوا اسکریپت خود را افزایش دهید: تسلط بر آرایه ها! 🚀

Summarize this content to 400 words in Persian Lang
آرایه ها یک ابزار ضروری در جاوا اسکریپت هستند که به شما امکان می دهند داده ها را به روش های قدرتمند ذخیره، دستکاری و تبدیل کنید. امروز، چند روش آرایه جالب مانند ادغام آرایه ها، مسطح کردن آرایه ها و تبدیل مقادیر به آرایه ها را بررسی خواهیم کرد. بیایید به دنیای ابرقهرمانان و آرایه ها شیرجه بزنیم تا یادگیری شما را سرگرم کننده کنیم! 💥✨

1. ادغام آرایه ها مانند یک تیم ابرقهرمانی! 💪

هنگامی که با آرایه ها کار می کنید، اغلب می خواهید دو یا چند آرایه را در یک آرایه ترکیب کنید. اما همه روش ها برابر نیستند – بیایید بهترین روش ها را بررسی کنیم!

📦 با استفاده از .push() (بهترین ایده نیست)

const marvel_heros = [“Thor”, “Hulk”, “Loki”];
const dc_heros = [“Flash”, “Superman”, “Batman”];
marvel_heros.push(dc_heros);
console.log(marvel_heros);
// Output: [ ‘Thor’, ‘Hulk’, ‘Loki’, [ ‘Flash’, ‘Superman’, ‘Batman’ ] ]

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

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

📝 توجه: با استفاده از .push() مانند این کل را اضافه می کند dc_heros آرایه به عنوان یک عنصر واحد در داخل marvel_heros. این است نه بهترین روش برای ادغام آرایه ها!

🛠️ استفاده از .concat() (بهتر!)

const all_heros = marvel_heros.concat(dc_heros);
console.log(all_heros);
// Output: [ ‘Thor’, ‘Hulk’, ‘Loki’, ‘Flash’, ‘Superman’, ‘Batman’ ]

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

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

✨ توجه: .concat() الف را ایجاد می کند جدید آرایه و دو آرایه را بدون تودرتو ادغام می کند.

💥 با استفاده از Spread Operator (بهترین!)

const all_new_heros = […marvel_heros, …dc_heros];
console.log(all_new_heros);
// Output: [ ‘Thor’, ‘Hulk’, ‘Loki’, ‘Flash’, ‘Superman’, ‘Batman’ ]

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

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

🌟 نکته حرفه ای: این اپراتور گسترش (…) همه کاره ترین و پرکاربردترین روش برای ادغام آرایه ها است. حتی می توانید مقادیر بیشتری را همزمان اضافه کنید، مانند const all = […marvel, …dc, “WonderWoman”].

2. مسطح کردن آرایه های تو در تو 🏞️

گاهی اوقات، آرایه‌ها حاوی آرایه‌های دیگری هستند که درون آنها قرار گرفته‌اند، و شما می‌خواهید آنها را به یک آرایه واحد “مسطح” کنید. جاوا اسکریپت یک روش عالی برای این کار به ما می دهد!

🌳 مسطح کردن آرایه ها با .flat()

const another_array = [1, 2, 3, [4, 5], 3, 4, [9, [4, 3]]];
const flattenedArray = another_array.flat(Infinity);
console.log(flattenedArray);
// Output: [1, 2, 3, 4, 5, 3, 4, 9, 4, 3]

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

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

📝 توجه: .flat(Infinity) یک آرایه را صاف می کند هر عمق. زمانی که آرایه های عمیق تو در تو دارید بسیار مفید است! 🌟

3. تبدیل مقادیر دیگر به آرایه 🛠️

جاوا اسکریپت همچنین روش های مفیدی برای تبدیل رشته ها و اشیاء به آرایه ارائه می دهد. در اینجا نحوه انجام این کار آمده است:

🔍 بررسی اینکه آیا یک مقدار آرایه است یا خیر

console.log(Array.isArray(“Ayush”));
// Output: false | “Ayush” is not an Array.

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

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

🔄 تبدیل رشته ها به آرایه با Array.from()

console.log(Array.from(“Ayush”));
// Output: [ ‘A’, ‘y’, ‘u’, ‘s’, ‘h’ ] | Converts the string into an array.

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

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

🔄 تبدیل اشیا به آرایه

console.log(Array.from({name: “Ayush”}));
// Output: [] | It returns an empty array for objects without array-like properties.

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

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

📊 ایجاد آرایه از متغیرها با Array.of()

const score1 = 100;
const score2 = 200;
const score3 = 300;
console.log(Array.of(score1, score2, score3));
// Output: [ 100, 200, 300 ] | Creates an array from individual values.

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

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

🎉 نتیجه گیری: آرایه شما آرسنال آماده است! 🛡️

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

به یاد داشته باشید: چه باشد .concat()، اپراتور گسترش (…)، یا .flat()- ابزار مناسب را برای کار انتخاب کنید، کد شما تمیزتر، کارآمدتر و برای نوشتن سرگرم کننده تر خواهد بود! کد نویسی مبارک! 💻✨

const marvel_heros = ["Thor", "Hulk", "Loki"];
const dc_heros = ["Flash", "Superman", "Batman"];
marvel_heros.push(dc_heros);
console.log(marvel_heros); 
// Output: [ 'Thor', 'Hulk', 'Loki', [ 'Flash', 'Superman', 'Batman' ] ]

const all_heros = marvel_heros.concat(dc_heros);
console.log(all_heros);
// Output: [ 'Thor', 'Hulk', 'Loki', 'Flash', 'Superman', 'Batman' ]

const all_new_heros = [...marvel_heros, ...dc_heros];
console.log(all_new_heros);
// Output: [ 'Thor', 'Hulk', 'Loki', 'Flash', 'Superman', 'Batman' ]

const another_array = [1, 2, 3, [4, 5], 3, 4, [9, [4, 3]]];
const flattenedArray = another_array.flat(Infinity);
console.log(flattenedArray);
// Output: [1, 2, 3, 4, 5, 3, 4, 9, 4, 3]

console.log(Array.isArray("Ayush")); 
// Output: false | "Ayush" is not an Array.

console.log(Array.from("Ayush"));
// Output: [ 'A', 'y', 'u', 's', 'h' ] | Converts the string into an array.

console.log(Array.from({name: "Ayush"})); 
// Output: [] | It returns an empty array for objects without array-like properties.

const score1 = 100;
const score2 = 200;
const score3 = 300;
console.log(Array.of(score1, score2, score3));
// Output: [ 100, 200, 300 ] | Creates an array from individual values.