数组操作

1.数组迭代

Array.forEach()

forEach()为每一个数组元素调用一次函数（回调函数）

var txt = "";
var numbers = [1, 2, 3, 4];
numbers.forEach(value => {
  txt += value*2
});
document.getElementById("demo").innerHTML = txt;

返回到浏览器上的结果是：2468
forEach()里面是一个回调函数，会把数组中的每个元素进行赋值计算并返回一个值

Array.map()

map()它跟forEach()不一样，forEach()返回的是数组中每一个元素操作后的值，而map()返回的是数组中每一个元素操作后的值创建了一个新的数组，也就是说map()的返回是一个新数组。

var txt = "";
var numbers = [1, 2, 3, 4];
var number2 = numbers.map(value => {
  return value*2
});
document.getElementById("demo").innerHTML = number2;

返回到浏览器上的结果是：2，4，6，8
结果都是数组+逗号，这是数组的写法[2,4,6,8]

Array.filter()

filter() 可以理解成过滤器，方法里面是一个判断，通过判断进行检索返回一个新的数组，跟map()一样，返回的也是一个数组，filter()有过滤功能，这是它的独特性

var txt = "";
var numbers = [1, 2, 3, 5];
var number2 = numbers.filter(value => {
  return value > 2
});
document.getElementById("demo").innerHTML = number2;

返回到浏览器上的结果是：3，5
通过value>2这个条件判断，过滤出一个新的数组