箭头函数的使用用法(一)
1 //箭头函数的一个好处是简化回调函数 2 //箭头函数没有参数,就使用圆刮号代表参数部分; 3 var f = () =>5; 4 console.log(f()); 5 //两个参数的情况,代码块只有一条语句,可以省略{} 6 var f = (a,b)=> console.log(a+b); 7 f(1,3); 8 //两个参数的情况,代码块只有一条语句,且有return语句;可以省略{}和return; 9 var f = (a,b)=>a + b; 10 console.log(f(1,4)); 11 //只有一个参数的情况,省略刮号,省略{} 12 var f = v=>5; 13 console.log(f()); 14 // var result = values.sort((a,b)=> a-b); 15 //代码库有多个语句,可以省略掉functon 16 var t = (a,b) =>{ 17 if(a > b) 18 console.log(1); 19 else 20 console.log(-1); 21 } 22 t(6,5); 23 /*some() 方法测试数组中的某些元素是否通过由提供的函数实现的测试。如果找到了这样一个值, 24 some 将会立即返回 true。否则,some 返回 false; 25 callback 被调用时传入三个参数:元素的值,元素的索引,被遍历的数组。*/ 26 var f = [2,5,8,10,15].some(m=>m>10); 27 console.log(f); 28 /*every() 方法测试数组的所有元素是否都通过了指定函数的测试。every 方法为数组中的每个元素 29 执行一次 callback 函数,直到它找到一个使 callback 返回 false(表示可转换为布尔值 false 的值) 30 的元素。如果发现了一个这样的元素,every 方法将会立即返回 false。否则,callback 为每一个元素返回 31 true,every 就会返回 true。*/ 32 var f = [12,2,5,6,4].every((value,key,arr)=>value > 10); 33 console.log(f); 34 /*filter() 方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。filter 为数组中的每 35 个元素调用一次 callback 函数,并利用所有使得 callback 返回 true 或 等价于 true 的值 36 的元素创建一个新数组,filter 不会改变原数组。 37 */ 38 var f = [12,5,3,45,30].filter((value,key,arr)=>value > 20); 39 console.log(f); 40 /*map() 方法创建一个新数组,其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。map 41 方法会给原数组中的每个元素都按顺序调用一次 callback 函数。callback 每次执行后的返回值 42 (包括 undefined)组合起来形成一个新数组。callback 函数会被自动传入三个参数:数组元素,元素索引,原数组本身。 43 */ 44 var t = [1,3,5].map(x =>x * x); 45 console.log(t);
posted on 2017-07-19 11:40 baoyadong 阅读(7282) 评论(0) 编辑 收藏 举报