متدهایی که در کار با ارایه ها در جاوا اسکریپت باید بشناسید

توی این مقاله قصد دارم درباره متدهایی صحبت کنم که سر و کارشون با آرایه هاست.متدهایی که هر کدوم کار خاصی روی آرایه میاد انجام میده.برای این موضوع من یه آرایه اولیه به اسم foods در نظر می گیرم که کار خودم اجرای متدها روی این آرایه جلو می برم. var foods = [&quot?&quot, &quot?&quot, &quot?&quot, &quot?&quot, &quot?&quot];1. Lengthتعداد عناصر آرایه برمی گردونه.foods.length; // 5نکته: ما می توانیم property length را برای حذف عناصر تغییر بدیم.foods.length = 0; foods; // []2. Pushیک عنصر را به انتهای آرایه اضافه می کنه.var foods = [&quot?&quot, &quot?&quot, &quot?&quot, &quot?&quot, &quot?&quot]; foods.push('?'); foods; // [&quot?&quot, &quot?&quot, &quot?&quot, &quot?&quot, &quot?&quot, &quot?&quot]نکته: از push با عملگر spread (…) به عنوان جایگزین روش concat استفاده می شه.var numbers = [1,2,3,4,5]; var num2 = [6,7,8,9,10]; numbers.push(...num2);3. Unshiftیک عنصر به ابتدای آرایه اضافه کنید.var foods = [&quot?&quot, &quot?&quot, &quot?&quot, &quot?&quot, &quot?&quot]; foods.unshift('?'); foods; // [&quot?&quot, &quot?&quot, &quot?&quot, &quot?&quot, &quot?&quot, &quot?&quot]نکته: برای ترکیب عناصر در ابتدا بجای concat از spread operator (…) می تونید استفاده کنید.var numbers = [1,2,3,4,5]; var num2 = [6,7,8,9,10]; numbers.unshift(...num2);4. Popآخرین عنصر آرایه حذف می کنه.var foods = [&quot?&quot, &quot?&quot, &quot?&quot, &quot?&quot, &quot?&quot]; foods.pop(); // &quot?&quot foods; // [&quot?&quot, &quot?&quot, &quot?&quot, &quot?&quot]نکته: ما می توانیم از روش pop در اجرای پشته استفاده کنیم.5. Shiftاولین عنصر آرایه حذف می کنه.var foods = [&quot?&quot, &quot?&quot, &quot?&quot, &quot?&quot, &quot?&quot]; foods.shift(); // &quot?&quot foods; // [&quot?&quot, &quot?&quot, &quot?&quot, &quot?&quot]نکته: ما می تونیم از روش shift در عملیات dequeue در اجرای صف استفاده بکنیم.6. Joinعناصر آرایه به رشته همراه با یک جدا کننده که بهش گفته می شه تبدیل میکنه.var foods = [&quot?&quot, &quot?&quot, &quot?&quot, &quot?&quot, &quot?&quot]; var joinedFood = foods.join(); // &quot?,?,?,?,?&quot var joinedFood1 = foods.join('--'); // &quot?--?--?--?--?&quotنکته: به عنوان جایگزینی برای اتصال رشته استفاده میشه.var arr = ['J','a','v', 'a']; var str = &quot&quot'; // without join for(let i = 0, len = arr.length; i < len ; i++) { str += arr[i]; } // with join str = arr.join(''); // Java7. Concatیه آرایه با آرایه دیگه ترکیب می کنه.var array = [1,2,3,4,5]; var newArray = array.concat(1,2,3, [12,12,34], undefined, null); newArray; // [1, 2, 3, 4, 5, 1, 2, 3, 12, 12, 34, undefined, null]8. Reverseعناصر آرایه معکوس می کنه.var foods = [&quot?&quot, &quot?&quot, &quot?&quot, &quot?&quot, &quot?&quot]; foods.reverse(); foods; // [&quot?&quot, &quot?&quot, &quot?&quot, &quot?&quot, &quot?&quot]9. indexOfاون چیزی که تو آرایه دنبالش هستین index بر می گردونه ، اگه نبود -1 بر می گردونه.var foods = [&quot?&quot, &quot?&quot, &quot?&quot, &quot?&quot, &quot?&quot, &quot?&quot]; foods.indexOf('?'); // 0 foods.indexOf('?'); // -110. lastIndexOfاگر عنصری که دنبالش هستین توی آخرین عنصر آرایه باشه عدد index آخرین عنصر بر می گردونه در غیر این صورت -1 بر می گردونه.var foods = [&quot?&quot, &quot?&quot, &quot?&quot, &quot?&quot, &quot?&quot, &quot?&quot]; foods.lastIndexOf('?'); // 5 foods.lastIndexOf('?'); // -111. Someیه بررسی توی ارایه بر اساس درخواست اعمال شده روی هر یک از مقادیر ارایه می کنه و اگر با شرط جور در اومد یا نه یه مقدار boolean بر می گردونه. var num = [1,2,3,4,10, 12]; num.some(n => n > 10); // true num.some(n => n > 100); // false12. Everyیه بررسی توی ارایه بر اساس درخواست اعمال شده روی همه مقادیر ارایه می کنه و اگر با شرط جور در اومد یا نه یه مقدار boolean بر می گردونه.var num = [1,2,3,4,10, 12]; num.every(n => n > 10); // false num.every(n => n > 0); // true13. Sortعناصر آرایه مرتب می کنه. به طور پیش فرض ، براساس کد char مرتب سازی میکنه اما می تونید عملکرد مرتب سازی خودتون هم بهش بدید.var arr = ['b', 'c', 'd', 'e']; arr.sort(); // [&quotb&quot, &quotc&quot, &quotd&quot, &quote&quot] // custom sortvar arr = [1,2,3,4,5, 11 ]; arr.sort( (a, b) => a-b ); // [1, 2, 3, 4, 5, 11]نکته: با استفاده از sort method ، بر اساس کد char تنظیم می شه، که در آن "11" <"2".var arr = [1,2,3,4,5, 11 ]; arr.sort(); //[1, 11, 2, 3, 4, 5]14. Filterاین متد یک آرایه جدید با عناصری ایجاد می کنه که بهش توی شرط گفته میشه.var foods = [&quot?&quot, &quot?&quot, &quot?&quot, &quot?&quot, &quot?&quot]; var vegFoods = foods.filter( (food) => isVeg('fruit') ); vegFoods; [&quot?&quot, &quot?&quot];15. Mapاین متد یه آرایه جدیدی بر می گردونه که توی شرط بهش گفته میشه.var numbers = [1,2,3,4,5]; function double(num) { return num * num; } var doubledNumbers = numbers.map(double)16. Spliceمتد splice () تعداد n عنصر را از نمایه خاص حذف کرده و یا عناصری وارد آرایه می کنه.var array = [1,2,4,5]; array.splice(2, 0, 3); //insert 3 at index 2 array; // [1,2,3,4,5] array.splice(2, 1, 30);//remove 1 item from index 2 and insert 30 array; // [1, 2, 30, 4, 5]17. Sliceمتد slice () یک کپی سطحی از بخشی از آرایه ها برمی گردونه. درباره کپی سطحی و عمقی اینجا قبلا صحبت کردم.var array = [1,2,3,4,5]; array.slice(1); // [2, 3, 4, 5] --> slice starts from index 1 to end array.slice(1,3); // [2,3]--> slice from index 1 to (3-1)می تونید آخرین عنصر آرایه هم بر گردونید.// get last n elements array.slice(-n); n = 1 array.slice(-1); //5 // if n = 3 array.slice(-3); // [3, 4, 5];18. forEachیک پیمایش در آرایه انجام میده.var numbers = [1,2,3,4,5] numbers.forEach((e) => { console.log(e) });خب به انتهای این مقاله آموزشی رسیدیم.امیدوارم از این مقاله نهایت استفاده ببرید.ممنون از توجهتون :)