js中的map, forEach


.map(fn)方法
  1. var a=[2, 4, 6];
  2. a.map(function(d, i, arr){
  3. return {x:i, y:d*i, z:arr};
  4. });

输出结果:

  1. [{x:0, y:0, z:[2, 4, 6]}, 
  2. {x:1, y:4, z:[2, 4, 6]}, 
  3. {x:2, y:12, z:[2, 4, 6]}]

回调函数中传入的d是遍历数组的值, i是数组的索引, 整个数组也在第三个参数传进来

map会将原数组投射到一个长度一样的新数组中,新数组中每个对应成员的值就是回调函数返回的值


.forEach(fn)方法

  1. var arr=[1, 3, 5];
  2. arr.forEach(function(d, i, arr){
  3. console.log( [i, d, arr] );
  4. });

输出结果:

  1. [0, 1, [1, 3, 5]]
  2. [0, 3, [1, 3, 5]]
  3. [0, 5, [1, 3, 5]]

遍历arr, 每次传入数值d和索引i和整个arr

来自为知笔记(Wiz)

时间: 2024-10-12 21:09:22

js中的map, forEach的相关文章

js中的Map

/* * js中的map */ function myJsMap() { // 定义myMap,并添加值 var myMap = {}; myMap["key2"] = "value2"; myMap["key1"] = "value1"; myMap["key3"] = "value3"; // 判断某个值是否在myMap中 if ("key2" in myMap)

js中的Map对象的简单示例

es6提供一个对象Map, 其功能类似于java中的Map, 下面是java中的Map和js中的Map的简单对比: js中的Map.set()相当于java中的Map.put(), js中的Map.size相当于java中的Map.size()://在js中size是属性,在Map中size()是方法. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"

JS中的Map和Set

使用iterable内置的forEach方法 var a = ['A', 'B', 'C']; a.forEach(function (element, index, array) { // element: 指向当前元素的值 // index: 指向当前索引 // array: 指向Array对象本身 alert(element); }); Set与Array类似,但Set没有索引,因此回调函数的前两个参数都是元素本身: var s = new Set(['A', 'B', 'C']); s.

JS中some(),every(),forEach(),map(),filter()区别

map():返回一个新的Array,每个元素为调用func的结果 filter():返回一个符合func条件的元素数组 some():返回一个boolean,判断是否有元素是否符合func条件 every():返回一个boolean,判断每个元素是否符合func条件 forEach():没有返回值,只是针对每个元素调用func API的区别 function my_func(item) { if (item == 1) { console.log('t'); return true; } con

javascript中的map, forEach

.map(fn)方法 1 var a=[2, 4, 6]; 2 a.map(function(d, i, arr){ 3 return {x:i, y:d*i, z:arr}; 4 }); 输出结果: 1 [{x:0, y:0, z:[2, 4, 6]}, 2 {x:1, y:4, z:[2, 4, 6]}, 3 {x:2, y:12, z:[2, 4, 6]}] 回调函数中传入的d是遍历数组的值, i是数组的索引, 整个数组也在第三个参数传进来 map会将原数组投射到一个长度一样的新数组中,新

JS中的map()函数

map()方法将调用的数组的每个元素传递给指定的函数,并返回一个数组,它包含该函数的返回值. 传递给map()的函数的调用方式和传递给forEach()的函数的调用方式一样.但传递给map()的函数应该有返回值.注意:map()返回的是新数组:它不修改调用的数组. 举个例子: 要求:为数组 arr 中的每个元素求二次方.不要直接修改数组 arr,结果返回新的数组 实现: function square(arr){ return arr.map(function(item) {  return i

js中创建Map集合

function Map() { //创建一个map集合 //这里定义数据结构 var struct = function(key, value) {   this.key = key; this.value = value; } //这是添加的方法 var put = function(key, value){ for (var i = 0; i < this.arr.length; i++) { if ( this.arr[i].key === key ) { this.arr[i].val

js中的map函数

方便数组操作,返回处理后的数组 三个参数:当前元素,当前元素下标,当前map的数组 arr = [{ a: 1 }, { a: 2 }, { a: 3 }]; arr.map( (arg, arg2, arg3) => { console.log(arg,arg2,arg3);return arg['a']}) 原文地址:https://www.cnblogs.com/guofan/p/9579686.html

js中map和python中的map

js 中的map: 由于map()方法定义在JavaScript的Array中,我们调用Array的map()方法,传入我们自己的函数,就得到了一个新的Array作为结果: function pow(x) { return x * x; } var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9]; arr.map(pow); // [1, 4, 9, 16, 25, 36, 49, 64, 81] var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];