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

توی این مقاله قصد دارم درباره متدهایی صحبت کنم که سر و کارشون با آرایه هاست.متدهایی که هر کدوم کار خاصی روی آرایه میاد انجام میده.برای این موضوع من یه آرایه اولیه به اسم 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(''); // Java

7. 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('?'); // -1

10. lastIndexOf

اگر عنصری که دنبالش هستین توی آخرین عنصر آرایه باشه عدد index آخرین عنصر بر می گردونه در غیر این صورت -1 بر می گردونه.

var foods = [&quot?&quot, &quot?&quot, &quot?&quot, &quot?&quot, &quot?&quot, &quot?&quot];
foods.lastIndexOf('?'); // 5
foods.lastIndexOf('?'); // -1

11. Some

یه بررسی توی ارایه بر اساس درخواست اعمال شده روی هر یک از مقادیر ارایه می کنه و اگر با شرط جور در اومد یا نه یه مقدار boolean بر می گردونه.

  var num = [1,2,3,4,10, 12];
num.some(n => n > 10); // true
num.some(n => n > 100); // false

12. Every

یه بررسی توی ارایه بر اساس درخواست اعمال شده روی همه مقادیر ارایه می کنه و اگر با شرط جور در اومد یا نه یه مقدار boolean بر می گردونه.

var num = [1,2,3,4,10, 12];
num.every(n => n > 10); // false
num.every(n => n > 0); // true

13. 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)
});



خب به انتهای این مقاله آموزشی رسیدیم.امیدوارم از این مقاله نهایت استفاده ببرید.

ممنون از توجهتون :)