js foreach ,filter ,some ,map ,reduce 的用法和总结和es6的新特性includes,padEnd,padStart

foreach : (循环)没有返回值,循环array或object   无法使用return或break停止

map      : (映射)有返回值   ,返回什么是调用function的结果

some    : 有返回值   ,如果有符合function条件的终止循环返回true,否则返回false               找true 返回true

every    : 有返回值   ,如果有不符合function条件的终止循环返回false,否则返回投入true  找false返回false

let lists = [1, 2, 3];
lists.some((d, i) => {
  console.log(d, i);
  return d < 3;
});
一群里面找一个符合的 返回true
let lists = [1, 2, 3];
lists.every((d, i) => {
  console.log(d, i);
  return d < 3;
});
一群里面找一个不符合的返回false

reduce(汇总)是比较复杂的 我们来看

语法:arr.reduce(function(prev,cur,index,arr){
...
}, init);
arr 表示将要原数组;
prev 表示上一次调用回调时的返回值,或者初始值 init;
cur 表示当前正在处理的数组元素;
index 表示当前正在处理的数组元素的索引,若提供 init 值,则索引为0,否则索引为1;
init 表示初始值。


1. 求数组项之和
var arr = [3,9,4,3,6,0,9];
var sum = arr.reduce(function (prev, cur) {
    return prev + cur;
},0)
由于传入了初始值0,所以开始时prev的值为0,cur的值为数组第一项3,相加之后返回值为3作为下一轮回调的prev值,然后再继续与下一个数组项相加,以此类推,直至完成所有数组项的和并返回。

2. 求数组项最大值
var max = arr.reduce(function (prev, cur) {
    return Math.max(prev,cur);
});

由于未传入初始值,所以开始时prev的值为数组第一项3,cur的值为数组第二项9,取两值最大值后继续进入下一轮回调。

3. 数组去重
var newArr = arr.reduce(function (prev, cur) {
    prev.indexOf(cur) === -1 && prev.push(cur);
    return prev;
},[]);

实现的基本原理如下:

① 初始化一个空数组
② 将需要去重处理的数组中的第1项在初始化数组中查找,如果找不到(空数组中肯定找不到),就将该项添加到初始化数组中
③ 将需要去重处理的数组中的第2项在初始化数组中查找,如果找不到,就将该项继续添加到初始化数组中
④ ……
⑤ 将需要去重处理的数组中的第n项在初始化数组中查找,如果找不到,就将该项继续添加到初始化数组中
⑥ 将这个初始化数组返回

es6新添加了includes方法:

string.indexOf(str)    ---js

string.includes(str) ---js

:contains jq选择器

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值