JavaScript中数组高阶函数的使用

一.数组高阶函数---forEach

它可以用来遍历数组中的每个元素,并对每个元素执行指定的操作。forEach函数接受一个回调函数作为参数,该回调函数在遍历数组的每个元素时被调用。

forEach函数的基本语法

array.forEach(callback(currentValue, index, array), thisArg);

参数说明:

  • callback:必需。表示要对每个元素执行的回调函数。
  • currentValue:必需。表示当前正在处理的元素的值。
  • index:可选。表示当前正在处理的元素的索引。
  • array:可选。表示正在遍历的数组。
  • thisArg:可选。表示在执行回调函数时要使用的this值。

演示

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

numbers.forEach(function(number) {
  console.log(number);
});

 结果

JavaScript中数组高阶函数的使用_第1张图片

 

我们定义了一个数组numbers,然后使用forEach函数遍历该数组。回调函数接收一个参数number,代表数组中的每个元素,然后我们在回调函数中使用console.log打印每个元素的值。

除了打印元素,你还可以在回调函数中执行其他操作,例如修改元素的值、累加计算等等。forEach函数对数组中的每个元素依次执行回调函数,但并不返回新的数组。如果你需要对每个元素进行转换或筛选操作,并返回新的数组,可以考虑使用mapfilter函数。

 

 二.数组高阶函数---map

map是一个用于数组的高阶函数,它可以对数组中的每个元素执行指定的操作,并返回一个新的数组,新数组的元素是操作的结果。

map函数的基本语法

array.map(callback(currentValue, index, array), thisArg);

参数说明:

  • callback:必需。表示要对每个元素执行的回调函数。
  • currentValue:必需。表示当前正在处理的元素的值。
  • index:可选。表示当前正在处理的元素的索引。
  • array:可选。表示正在遍历的数组。
  • thisArg:可选。表示在执行回调函数时要使用的this值。

 演示

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

const doubledNumbers = numbers.map(function(number) {
  return number * 2;
});

console.log(doubledNumbers);

结果

 

我们定义了一个数组numbers,然后使用map函数遍历该数组。回调函数接收一个参数number,代表数组中的每个元素,并将每个元素乘以2作为回调函数的返回值。最后,我们将返回的新数组赋值给doubledNumbers并打印出来。

map函数遍历数组中的每个元素,并将每个元素传递给回调函数,然后将回调函数的返回值存储在新数组中。该方法不会修改原始数组,而是返回一个新的数组,其中包含应用了回调函数的结果。

你可以根据需要在回调函数中执行各种操作,例如对元素进行转换、筛选、提取特定属性等等。

 

三.数组高阶函数---filter

filter是一个用于数组的高阶函数,它可以根据指定的条件筛选出数组中符合条件的元素,并返回一个新的数组。

基本语法

array.filter(callback(currentValue, index, array), thisArg);

参数说明:

  • callback:必需。表示要对每个元素执行的回调函数,用于判断元素是否符合条件。
  • currentValue:必需。表示当前正在处理的元素的值。
  • index:可选。表示当前正在处理的元素的索引。
  • array:可选。表示正在遍历的数组。
  • thisArg:可选。表示在执行回调函数时要使用的this值。

 演示

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

const evenNumbers = numbers.filter(function(number) {
  return number % 2 === 0;
});

console.log(evenNumbers);

结果

 

我们定义了一个数组numbers,然后使用filter函数遍历该数组。回调函数接收一个参数number,代表数组中的每个元素,并使用条件number % 2 === 0来判断元素是否为偶数。只有符合条件的元素才会被保留在新数组中。最后,我们将返回的新数组赋值给evenNumbers并打印出来。

filter函数遍历数组中的每个元素,并将每个元素传递给回调函数,根据回调函数的返回值来决定是否保留该元素。返回的新数组包含满足条件的元素,而不包含不满足条件的元素。

你可能感兴趣的:(JavaScriptES6,javascript,开发语言,ecmascript)