متدهایی که در کار با ارایه ها در جاوا اسکریپت باید بشناسید
توی این مقاله قصد دارم درباره متدهایی صحبت کنم که سر و کارشون با آرایه هاست.متدهایی که هر کدوم کار خاصی روی آرایه میاد انجام میده.برای این موضوع من یه آرایه اولیه به اسم foods در نظر می گیرم که کار خودم اجرای متدها روی این آرایه جلو می برم.
var foods = ["?", "?", "?", "?", "?"];
1. Length
تعداد عناصر آرایه برمی گردونه.
foods.length; // 5
نکته: ما می توانیم property length را برای حذف عناصر تغییر بدیم.
foods.length = 0;
foods; // []
2. Push
یک عنصر را به انتهای آرایه اضافه می کنه.
var foods = ["?", "?", "?", "?", "?"];
foods.push('?');
foods; // ["?", "?", "?", "?", "?", "?"]
نکته: از push با عملگر spread (…) به عنوان جایگزین روش concat استفاده می شه.
var numbers = [1,2,3,4,5];
var num2 = [6,7,8,9,10];
numbers.push(...num2);
3. Unshift
یک عنصر به ابتدای آرایه اضافه کنید.
var foods = ["?", "?", "?", "?", "?"];
foods.unshift('?');
foods; // ["?", "?", "?", "?", "?", "?"]
نکته: برای ترکیب عناصر در ابتدا بجای concat از spread operator (…) می تونید استفاده کنید.
var numbers = [1,2,3,4,5];
var num2 = [6,7,8,9,10];
numbers.unshift(...num2);
4. Pop
آخرین عنصر آرایه حذف می کنه.
var foods = ["?", "?", "?", "?", "?"];
foods.pop(); // "?"
foods; // ["?", "?", "?", "?"]
نکته: ما می توانیم از روش pop در اجرای پشته استفاده کنیم.
5. Shift
اولین عنصر آرایه حذف می کنه.
var foods = ["?", "?", "?", "?", "?"];
foods.shift(); // "?"
foods; // ["?", "?", "?", "?"]
نکته: ما می تونیم از روش shift در عملیات dequeue در اجرای صف استفاده بکنیم.
6. Join
عناصر آرایه به رشته همراه با یک جدا کننده که بهش گفته می شه تبدیل میکنه.
var foods = ["?", "?", "?", "?", "?"];
var joinedFood = foods.join(); // "?,?,?,?,?"
var joinedFood1 = foods.join('--'); // "?--?--?--?--?"
نکته: به عنوان جایگزینی برای اتصال رشته استفاده میشه.
var arr = ['J','a','v', 'a'];
var str = ""';
// 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 = ["?", "?", "?", "?", "?"];
foods.reverse();
foods; // ["?", "?", "?", "?", "?"]
9. indexOf
اون چیزی که تو آرایه دنبالش هستین index بر می گردونه ، اگه نبود -1 بر می گردونه.
var foods = ["?", "?", "?", "?", "?", "?"];
foods.indexOf('?'); // 0
foods.indexOf('?'); // -1
10. lastIndexOf
اگر عنصری که دنبالش هستین توی آخرین عنصر آرایه باشه عدد index آخرین عنصر بر می گردونه در غیر این صورت -1 بر می گردونه.
var foods = ["?", "?", "?", "?", "?", "?"];
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(); // ["b", "c", "d", "e"]
// 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 = ["?", "?", "?", "?", "?"];
var vegFoods = foods.filter( (food) => isVeg('fruit') );
vegFoods; ["?", "?"];
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)
});
خب به انتهای این مقاله آموزشی رسیدیم.امیدوارم از این مقاله نهایت استفاده ببرید.
ممنون از توجهتون :)
مطلبی دیگر از این انتشارات
اچ تی ام ال چیست؟ چگونگی کار با اچ تی ام ال
مطلبی دیگر از این انتشارات
10 ترفند کمکی برای کوتاه کردن کدهای جاوا اسکریپتی قسمت دوم
مطلبی دیگر از این انتشارات
راه اندازی HttpClient برای دریافت اطلاعات از api برای انگولار