ما معني كود reverse في JavaScript؟

الكود عبارة عن دالة reverse أي أنها تقوم بعكس ترتيب العناصر في مصفوفة معينة، على النحو التالي:

const arr = [1, 2, 3, 4, 5];
const reverse = (array) => array.map(array.pop, [... array]);

const reversedArr = reverse(arr);
console.log(reversedArr);	// [5, 4, 3, 2, 1]

يمكن تبسيط الكود أكثر ليسهل فهمه من خلال إستعمال دالة عادية بدلًا من دالة سهمية Arrow Function:

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

function reverse(array) {
  var ret = new Array;
  for(var i = array.length-1; i >= 0; i--) {
    ret.push(array[i]);
  }
  return ret;
}
const reversedArr = reverse(arr);
console.log(reversedArr);	// [5, 4, 3, 2, 1]

التابع map يقوم بالمرور على عناصر المصفوفة وتنفيذ دالة Function على كل عنصر من عناصر هذه المصفوفة، هنا توثيق هذا التابع في موسوعة حسوب.

const arr = [1, 2, 3, 4, 5];
arr.map((item) => {console.log(item)});

/*

Output:
1
2
3
4
5

*/

بينما التابع pop يقوم بحذف آخر عنصر من المصفوفة، مثال:

const arr = [1, 2, 3, 4, 5];
const lastItem = arr.pop();

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

تجد في هذه المقالة شرح لهذه التوابع وغيرها بشكل مفصل:

بتاريخ منذ ساعة مضت قال سامح أشرف:

الكود عبارة عن دالة reverse أي أنها تقوم بعكس ترتيب العناصر في مصفوفة معينة، على النحو التالي:

const arr = [1, 2, 3, 4, 5];
const reverse = (array) => array.map(array.pop, [... array]);

const reversedArr = reverse(arr);
console.log(reversedArr);	// [5, 4, 3, 2, 1]

يمكن تبسيط الكود أكثر ليسهل فهمه من خلال إستعمال دالة عادية بدلًا من دالة سهمية Arrow Function:

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

function reverse(array) {
  var ret = new Array;
  for(var i = array.length-1; i >= 0; i--) {
    ret.push(array[i]);
  }
  return ret;
}
const reversedArr = reverse(arr);
console.log(reversedArr);	// [5, 4, 3, 2, 1]

التابع map يقوم بالمرور على عناصر المصفوفة وتنفيذ دالة Function على كل عنصر من عناصر هذه المصفوفة، هنا توثيق هذا التابع في موسوعة حسوب.

const arr = [1, 2, 3, 4, 5];
arr.map((item) => {console.log(item)});

/*

Output:
1
2
3
4
5

*/

بينما التابع pop يقوم بحذف آخر عنصر من المصفوفة، مثال:

const arr = [1, 2, 3, 4, 5];
const lastItem = arr.pop();

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

تجد في هذه المقالة شرح لهذه التوابع وغيرها بشكل مفصل:

 

ما هي فائدة this arg

بتاريخ 34 دقائق مضت قال Mohamed Montaser3:

ما هي فائدة this arg

لفهم المدخل thisArg يجب أولًا فهم معنى this في لغة JavaScript، تخيل أن لدينا الكائن التالي:

let user = {
  name: 'username',
  age: '32'
};

الكائن السابق عبارة عن مجموعة من المفاتيح keys والقيم values ، وبفرض أننا نريد أن نقوم بطباعة كل القيم Value فسوف نستعمل التابع keys للحصول على مصفوفة من المفاتيح، ونستخدمها لطباعة القيم:

Object.keys( user ).forEach(function( key ) {
  console.log( user[key] );
});

/*
Output: 

username
32 

*/

أغلب توابع المصفوفات تستقبل مدخل أول وهو دالة callback ، والمدخل الآخر هو thisArg ويُعبر عن قيمة this داخل دالة callback:

Object.keys( user ).forEach(function( key ) {
  console.log( this[key] );
}, user);	// نُعين قيمة thisArg

/*
Output: 

username
32 

*/

بشكل إفتراضي this تُشير إلى الكائن window في المتصفح، ولكن عندما نستخدم thisArg فإن قيمة this تتغير إلى قيمة المدخل thisArg

console.log(this);	// window

هنا شرح مفصل لمعنى this في لغة JavaScript في موسوعة حسوب.