当前位置： 移动技术网 > IT编程>网页制作>CSS > js数组api之forEach、map的用法

js数组api之forEach、map的用法

2018年12月04日  | 移动技术网IT编程  | 我要评论

js 数组api之foreach、map的用法

 foreach语法： 
    var arr = [];
 arr.foreach(function(value, index, array){
  //code something
 });
 说明：foreach方法中的function回调有三个参数：
  第一个参数(value)是遍历的数组内容，
  第二个参数(index)是对应的数组索引，
  第三个参数(array)是数组本身
 举一个例子：
 var arr = [1,2,3,4];
 var sum = 0;
 arr.foreach(function(value,index,array){
  array[index] == value; //结果为true
  sum+=value;
  });
 console.log(sum); //结果为 10

等价于jquery中的下列用法：

    var arr = [1,2,3,4];
 var sum = 0;
 //index是当前元素的位置，value是值
 $.each(arr,function(index,value){
　　 sum+=value;
 })
 console.log(sum); //结果为 10

map语法：

    map即是 “映射”的意思 用法与 foreach 相似，用法即：
 var newarr = arr.map(function(value, index, array){
  return 要放入新数组的值
 })
 举一个例子：
 // map
 var arr = [1,2,3,4,5];
 var newarr = arr.map(function(value, index, array){
  return value * 2;
 });
 console.log(arr); // [1,2,3,4,5]
 console.log(newarr); // [2,4,6,8,10]

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网