روش های آرایه جاوا اسکریپت: راهنمای جامع

Summarize this content to 400 words in Persian Lang
آرایه ها یکی از اساسی ترین ساختارهای داده در جاوا اسکریپت هستند. با یک آرایه می توانید چندین مقدار را در یک متغیر ذخیره کنید. جاوا اسکریپت روش‌های داخلی متعددی را برای دستکاری آرایه‌ها ارائه می‌کند که آن‌ها را فوق‌العاده همه‌کاره می‌کند. در این پست، تمام روش‌های آرایه داخلی و نحوه استفاده مؤثر از آنها در پروژه‌های جاوا اسکریپت را بررسی می‌کنیم.

روش های اصلی

forEach()

را forEach() متد به شما اجازه می دهد تا روی یک آرایه تکرار کنید و یک تابع ارائه شده را یک بار برای هر عنصر در آرایه اجرا کنید. این یک راه ساده برای حلقه زدن از طریق یک آرایه است.

const array = [1, 2, 3, 4, 5];

array.forEach((element) => {
console.log(element);
});

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

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

map()

را map() متد یک آرایه جدید پر شده با نتایج فراخوانی یک تابع ارائه شده در هر عنصر آرایه ایجاد می کند. معمولاً برای تبدیل داده ها استفاده می شود.

const array = [1, 2, 3, 4, 5];

const doubled = array.map((element) => element * 2);

console.log(doubled); // [2, 4, 6, 8, 10]

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

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

filter()

را filter() متد یک آرایه جدید با تمام عناصری که تست پیاده سازی شده توسط تابع ارائه شده را پشت سر می گذارند ایجاد می کند. زمانی مفید است که باید عناصر خاصی را از یک آرایه بر اساس یک شرط فیلتر کنید.

const array = [1, 2, 3, 4, 5];

const evenNumbers = array.filter((element) => element % 2 === 0);

console.log(evenNumbers); // [2, 4]

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

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

reduce()

را reduce() متد یک تابع کاهنده را روی هر عنصر آرایه اجرا می کند که در نتیجه یک مقدار خروجی واحد ایجاد می شود. اغلب برای جمع کردن مقادیر، جمع آوری مجموع یا ادغام آرایه ها در یک مقدار استفاده می شود.

const array = [1, 2, 3, 4, 5];

const sum = array.reduce((accumulator, currentValue) => accumulator + currentValue, 0);

console.log(sum); // 15

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

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

find()

را find() متد مقدار اولین عنصر آرایه را که تابع تست ارائه شده را برآورده می کند، برمی گرداند. پس از یافتن اولین مسابقه متوقف می شود.

const array = [1, 2, 3, 4, 5];

const found = array.find((element) => element > 3);

console.log(found); // 4

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

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

findIndex()

را findIndex() متد شاخص اولین عنصر آرایه را که تابع تست ارائه شده را برآورده می کند، برمی گرداند. اگر هیچ عنصری تابع تست را برآورده نکرد، -1 را برمی گرداند.

const array = [1, 2, 3, 4, 5];

const index = array.findIndex((element) => element > 3);

console.log(index); // 3

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

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

sort()

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

const array = [5, 3, 8, 1, 2];

const sortedArray = array.sort((a, b) => a – b);

console.log(sortedArray); // [1, 2, 3, 5, 8]

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

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

reverse()

را reverse() متد عناصر یک آرایه را در جای خود معکوس می کند. اولین عنصر آرایه آخرین و آخرین عنصر اولین می شود.

const array = [1, 2, 3, 4, 5];

const reversedArray = array.reverse();

console.log(reversedArray); // [5, 4, 3, 2, 1]

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

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

concat()

را concat() روش برای ادغام دو یا چند آرایه استفاده می شود. آرایه جدیدی را برمی گرداند و آرایه های اصلی را بدون تغییر می گذارد.

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];

const concatenatedArray = array1.concat(array2);

console.log(concatenatedArray); // [1, 2, 3, 4, 5, 6]

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

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

slice()

را slice() متد یک کپی کم عمق از بخشی از یک آرایه را به یک شی آرایه جدید انتخاب شده از ابتدا تا انتها برمی گرداند (پایان شامل نمی شود).

const array = [1, 2, 3, 4, 5];

const slicedArray = array.slice(1, 4);

console.log(slicedArray); // [2, 3, 4]

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

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

splice()

را splice() متد محتویات یک آرایه را با حذف، جایگزینی یا افزودن عناصر تغییر می دهد.

const array = [1, 2, 3, 4, 5];

array.splice(2, 1, 6, 7);

console.log(array); // [1, 2, 6, 7, 4, 5]

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

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

push()

را push() متد یک یا چند عنصر را به انتهای یک آرایه اضافه می کند و طول جدید آرایه را برمی گرداند.

const array = [1, 2, 3];

array.push(4, 5);

console.log(array); // [1, 2, 3, 4, 5]

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

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

pop()

را pop() متد آخرین عنصر را از یک آرایه حذف می کند و آن عنصر را برمی گرداند.

const array = [1, 2, 3, 4, 5];

const lastElement = array.pop();

console.log(lastElement); // 5
console.log(array); // [1, 2, 3, 4]

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

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

shift()

را shift() متد اولین عنصر را از یک آرایه حذف می کند و آن عنصر را برمی گرداند.

const array = [1, 2, 3, 4, 5];

const firstElement = array.shift();

console.log(firstElement); // 1
console.log(array); // [2, 3, 4, 5]

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

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

unshift()

را unshift() متد یک یا چند عنصر را به ابتدای یک آرایه اضافه می کند و طول جدید آرایه را برمی گرداند.

const array = [2, 3, 4, 5];

array.unshift(1);

console.log(array); // [1, 2, 3, 4, 5]

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

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

join()

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

const array = [1, 2, 3, 4, 5];

const joinedString = array.join(‘-‘);

console.log(joinedString); // “1-2-3-4-5”

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

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

روش های اضافی

every()

را every() متد آزمایش می کند که آیا همه عناصر موجود در آرایه تابع تست ارائه شده را پاس می کنند یا خیر.

const array = [2, 4, 6, 8];

const allEven = array.every((element) => element % 2 === 0);

console.log(allEven); // true

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

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

some()

را some() متد آزمایش می کند که آیا حداقل یک عنصر در آرایه از تابع تست ارائه شده عبور می کند یا خیر.

const array = [1, 2, 3, 4, 5];

const hasEven = array.some((element) => element % 2 === 0);

console.log(hasEven); // true

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

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

flat()

را flat() متد یک آرایه جدید با تمام عناصر زیر آرایه به صورت بازگشتی تا عمق مشخص شده در آن ایجاد می کند.

const array = [1, [2, [3, [4]]]];

const flattenedArray = array.flat(2);

console.log(flattenedArray); // [1, 2, 3, [4]]

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

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

flatMap()

را flatMap() متد ابتدا هر عنصر را با استفاده از یک تابع نگاشت نگاشت می کند، سپس نتیجه را در یک آرایه جدید مسطح می کند. این ترکیبی از map() و flat().

const array = [1, 2, 3, 4];

const flattened = array.flatMap((num) => [num, num * 2]);

console.log(flattened); // [1, 2, 2, 4, 3, 6, 4, 8]

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

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

fill()

را fill() روش تمام عناصر یک آرایه را با یک مقدار ثابت از یک شاخص شروع تا یک شاخص پایان پر می کند.

const array = [1, 2, 3, 4, 5];

array.fill(0, 2, 4);

console.log(array); // [1, 2, 0, 0, 5]

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

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

copyWithin()

را copyWithin() روش shallow بخشی از یک آرایه را در مکان دیگری در همان آرایه بدون تغییر طول آن کپی می کند.

const array = [1, 2, 3, 4, 5];

array.copyWithin(0, 3, 5);

console.log(array); // [4, 5, 3, 4, 5]

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

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

includes()

را includes() متد بررسی می کند که آیا یک آرایه حاوی مقدار خاصی است یا خیر.

const array = [1, 2, 3, 4, 5];

const hasThree =

array.includes(3);

console.log(hasThree); // true

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

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

toString()

را toString() متد یک آرایه را به رشته ای تبدیل می کند که با کاما از هم جدا می شود.

const array = [1, 2, 3, 4, 5];

const arrayString = array.toString();

console.log(arrayString); // “1,2,3,4,5”

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

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

indexOf()

را indexOf() متد اولین شاخصی را که در آن یک عنصر معین در آرایه یافت می شود، برمی گرداند -1 اگر موجود نباشد.

const array = [1, 2, 3, 4, 5];

const index = array.indexOf(3);

console.log(index); // 2

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

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

lastIndexOf()

را lastIndexOf() متد آخرین شاخصی را که در آن یک عنصر معین در آرایه یافت می شود، برمی گرداند -1 اگر موجود نباشد.

const array = [1, 2, 3, 4, 3, 5];

const lastIndex = array.lastIndexOf(3);

console.log(lastIndex); // 4

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

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

from()

را Array.from() متد یک نمونه آرایه جدید از یک شیء آرایه مانند یا تکرار شونده ایجاد می کند.

const array = Array.from(‘hello’);

console.log(array); // [‘h’, ‘e’, ‘l’, ‘l’, ‘o’]

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

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

isArray()

را Array.isArray() متد بررسی می کند که آیا مقدار ارسال شده یک آرایه است یا خیر.

const array = [1, 2, 3, 4, 5];
const notArray = { a: 1, b: 2 };

console.log(Array.isArray(array)); // true
console.log(Array.isArray(notArray)); // false

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

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

of()

را Array.of() متد یک نمونه آرایه جدید با تعداد متغیری از عناصر ایجاد می کند.

const array1 = Array.of(1, 2, 3);
const array2 = Array.of(‘a’, ‘b’, ‘c’);

console.log(array1); // [1, 2, 3] console.log(array2); // [‘a’, ‘b’, ‘c’]

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

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

نتیجه گیری

آرایه های جاوا اسکریپت با طیف گسترده ای از روش های داخلی ارائه می شوند که امکان دستکاری قدرتمند داده ها را فراهم می کند. درک این روش ها شما را در نوشتن کدهای تمیز و مختصر کارآمدتر می کند. کمی وقت بگذارید تا این روش ها را آزمایش کنید و ببینید چگونه می توانند کد شما را بهبود بخشند.انتشار اولیه: راهنمای روش‌های آرایه جاوا اسکریپت

const array = [1, 2, 3, 4, 5];

array.forEach((element) => {
  console.log(element);
});

const array = [1, 2, 3, 4, 5];

const doubled = array.map((element) => element * 2);

console.log(doubled); // [2, 4, 6, 8, 10]

const array = [1, 2, 3, 4, 5];

const evenNumbers = array.filter((element) => element % 2 === 0);

console.log(evenNumbers); // [2, 4]

const array = [1, 2, 3, 4, 5];

const sum = array.reduce((accumulator, currentValue) => accumulator + currentValue, 0);

console.log(sum); // 15

const array = [1, 2, 3, 4, 5];

const found = array.find((element) => element > 3);

console.log(found); // 4

const array = [1, 2, 3, 4, 5];

const index = array.findIndex((element) => element > 3);

console.log(index); // 3

const array = [5, 3, 8, 1, 2];

const sortedArray = array.sort((a, b) => a - b);

console.log(sortedArray); // [1, 2, 3, 5, 8]

const array = [1, 2, 3, 4, 5];

const reversedArray = array.reverse();

console.log(reversedArray); // [5, 4, 3, 2, 1]

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];

const concatenatedArray = array1.concat(array2);

console.log(concatenatedArray); // [1, 2, 3, 4, 5, 6]

const array = [1, 2, 3, 4, 5];

const slicedArray = array.slice(1, 4);

console.log(slicedArray); // [2, 3, 4]

const array = [1, 2, 3, 4, 5];

array.splice(2, 1, 6, 7);

console.log(array); // [1, 2, 6, 7, 4, 5]

const array = [1, 2, 3];

array.push(4, 5);

console.log(array); // [1, 2, 3, 4, 5]

const array = [1, 2, 3, 4, 5];

const lastElement = array.pop();

console.log(lastElement); // 5
console.log(array); // [1, 2, 3, 4]

const array = [1, 2, 3, 4, 5];

const firstElement = array.shift();

console.log(firstElement); // 1
console.log(array); // [2, 3, 4, 5]

const array = [2, 3, 4, 5];

array.unshift(1);

console.log(array); // [1, 2, 3, 4, 5]

const array = [1, 2, 3, 4, 5];

const joinedString = array.join('-');

console.log(joinedString); // "1-2-3-4-5"

const array = [2, 4, 6, 8];

const allEven = array.every((element) => element % 2 === 0);

console.log(allEven); // true

const array = [1, 2, 3, 4, 5];

const hasEven = array.some((element) => element % 2 === 0);

console.log(hasEven); // true

const array = [1, [2, [3, [4]]]];

const flattenedArray = array.flat(2);

console.log(flattenedArray); // [1, 2, 3, [4]]

const array = [1, 2, 3, 4];

const flattened = array.flatMap((num) => [num, num * 2]);

console.log(flattened); // [1, 2, 2, 4, 3, 6, 4, 8]

const array = [1, 2, 3, 4, 5];

array.fill(0, 2, 4);

console.log(array); // [1, 2, 0, 0, 5]

const array = [1, 2, 3, 4, 5];

array.copyWithin(0, 3, 5);

console.log(array); // [4, 5, 3, 4, 5]

const array = [1, 2, 3, 4, 5];

const hasThree =

 array.includes(3);

console.log(hasThree); // true

const array = [1, 2, 3, 4, 5];

const arrayString = array.toString();

console.log(arrayString); // "1,2,3,4,5"

const array = [1, 2, 3, 4, 5];

const index = array.indexOf(3);

console.log(index); // 2

const array = [1, 2, 3, 4, 3, 5];

const lastIndex = array.lastIndexOf(3);

console.log(lastIndex); // 4

const array = Array.from('hello');

console.log(array); // ['h', 'e', 'l', 'l', 'o']

const array = [1, 2, 3, 4, 5];
const notArray = { a: 1, b: 2 };

console.log(Array.isArray(array)); // true
console.log(Array.isArray(notArray)); // false

const array1 = Array.of(1, 2, 3);
const array2 = Array.of('a', 'b', 'c');

console.log(array1); // [1, 2, 3]
console.log(array2); // ['a', 'b', 'c']