JavaScript教程:数组扩展方法

Array.forEach()

forEach()方法为每个数组元素调用一次函数(回调函数)
该函数接收三个参数:项目值,项目索引,数组本身。

var number = ["1", "31", "311", "43", "23"];
var txt = "";
number.forEach(myFunction);
console.log(txt)
function myFunction(value, index, array) {
    txt = txt + value + "<br>";
}

Array.map()

map() 方法通过对每个数组元素执行函数来创建新数组。
map() 方法不会对没有值的数组元素执行函数。
map() 方法不会更改原始数组。
map()函数有三个参数:项目值,项目索引,数组本身。

var numbers1 = [45, 4, 9, 16, 25];
var numbers2 = numbers1.map(myFunction);
console.log(numbers2);

function myFunction(value, index, array) {
  return value * 4;
}

Array.filter()

filter() 方法创建一个包含通过测试的数组元素的新数组。
filter()函数有三个参数:项目值,项目索引,数组本身。

var numbers = [45, 4, 9, 16, 25];
var over18 = numbers.filter(myFunction);

function myFunction(value, index, array) {
  return value > 18;
}
console.log(over18);

Array.reduce()

reduce() 方法在每个数组元素上运行函数,以生成(减少它)单个值。
reduce() 方法在数组中从左到右工作。另请参见 reduceRight()。
reduce() 方法不会减少原始数组。
reduce()函数接受了四个参数:总数(初始值/先前返回的值)
reduce()方法可以接受一个初始值(myfunction,100)

感谢:
https://blog.csdn.net/qq_43968060/article/details/114392313


原文出处:http://malaoshi.top/show_1IX3Np9wqkZe.html