欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

js数组api之forEach、map的用法

程序员文章站 2022-05-18 15:13:34
js 数组api之foreach、map的用法  foreach语法: var arr = []; arr.foreach(function(value, index, a...

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]