1.every方法

//逻辑判断返回值为一个Boolean值

every方法就是每一个返回函数的返回值都是true的时候,才为true,否则为false

var arr=[1,2,5,88,5,555,856,444];
var checkresult=arr.every((item,index,arr)=>{
return item>10
})
console.log(checkresult)//false

形参:item index arr

item为数组中的每一个值,

index为索引值

arr为数组

2.some方法

于every方法刚好相反(就是返回值如果有一个为true的时候则为true)

var arr=[1,2,5,88,5,555,856,444];
var checkresult=arr.some((item,index,arr)=>{
console.log(item,index,arr)
return item>10
})
console.log(checkresult)//true

3.indexOfhelastIndexOf

该方法是查找数组内指定元素的下标(索引值)的方法,如果头则返回索引值 ,如果没有则返回-1

indexOf是从前往后查找,返回的索引值是第一个查找的数的索引值

lastIndexOf则是从后往前找,返回的索引值则是从后开始找的第一个匹配到的索引值

 var arr=[1,2,5,88,5,555,856,444,1];
console.log(arr.indexOf(1)) //
console.log(arr.lastIndexOf(1)) //

4.forEach方法

forEach方法为遍历数组,参数为一个回调函数,回调函数有三个参数

方法和for循环的使用基本上一致

var arr=[1,2,5,88,5,555,856,444,1];
var sum=0;
arr.forEach((value,index,arr)=>{
console.log(sum)
sum+=value
})
console.log(sum)

5.map方法的使用

便利数组,回调函数。返回值在操作之后生成一个新的数组,新数组索引结构与元数组一致,元数组保持不变

 var arr=[1,2,5];
console.log(arr.map((value)=>{
return value*value
}));
//返回的是一个数组[1,4,25]
//元数组不变[1,2,5]

6.filter方法

filter返回的是一个子集,用来判断是否返回,返回是true就吧当前元素加入到返回数组中,false就不添加,元数组保持不变

必须要有return值

var arr=[1,2,5,6,67,8,9];
const arr2 =arr.filter((item)=>{
return item>5
})
console.log(arr)//[1,2,5,6,67,8,9]
console.log(arr2)//[6,67,8,9]

7.reduce方法

便利数组,调用回调函数,将数组的元素合成一个值,元数组保持不变

 var arr=[1,2,3,4,5,6,7,8,9]
const arr2=arr.reduce((pre,nex,index,arr)=>{
console.log(pre,nex,index)
return pre+nex
},0)
console.log(arr2)

reduce有两个参数

第一个为回调函数,第二个为x(0,1)

如果不加第二个参数,那么便利就会少一次,第一张就是没有第二个参数的效果,第二章为有第二个参数的效果

没有第二个参数就会少一个

8.find方法

find查找的是value值,如果有的话就会返回value值

findIndex查找的是索引值,如果有的时候找的索引值,如果没有就是返回的是-1

 //查找元素
var arr = [1,2,5,6,9,56]
const arre=arr.find((val,index,arr)=>{
console.log(val,index)
return val>100 })
console.log(arre)
// 只会返回一个值,返回第一个符合要求的值
// 找不到返回的是undefined
var arr3 = [1,2,5,6,9,56]
const arr4=arr.findIndex((val,index,arr)=>{
console.log(val,index)
return val>1 })
console.log(arr4)

es5数组的新方法的更多相关文章

  1. 数组的新方法 forEach some filter findIndex

    forEach  some  filter  findIndex这些都属于数组的新方法,都会对数组中的每一项,进行遍历,执行相关的操作: 只不过在循环的时候有些不一样 参考资料:https://wan ...

  2. vue学习(十四) 条件搜索框动态查询表中数据 数组的新方法

    //html <div id="app"> <label> 名称搜索关键字: <input type="text" clasa=& ...

  3. 关于es5的一些新方法

    1.数组方法(1)isArray在之前我们判断数组类型的数据都是用instanceof来判断的,es5新增了对数组的判断,即Array.isArray()(2)every和some这两个方法一般用于对 ...

  4. ES6中数组的新方法

    数组的扩展 1.1扩展运算符 1.1.1:... 扩展运算符(spread)是三个点(...).它好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列. <body> < ...

  5. Vue中遍历数组的新方法

    1.foreach foreach循环对不能使用return来停止循环 search(keyword){ var newList = [] this.urls.forEach(item =>{ ...

  6. Es5数组新增的方法及用法

    1.forEachforEach是Array新方法中最基本的一个,就是遍历,循环.例如下面这个例子: [1, 2 ,3, 4].forEach(alert);等同于下面这个传统的for循环: var ...

  7. ES6扩展——数组的新方法(Array.from、Array.of、Array.fill、Array.includes、keys values entries 、find)

    1.Array.from(objec,回调函数)将一个ArrayLike对象或者Iterable对象(类数组对象)转换成一个数组 1)该类数组对象必须具有length属性,用于指定数组的长度.如果没有 ...

  8. 转 JavaScript里的数组转化新方法Array.From

    过去,我们使用各种各样的方法来将类似Array对象的东西(比如 arguments 和 NodeList) 转换成真的数值.比如下面这个: 将NodeList转换成数组 基本上,这些东西我们都可以使用 ...

  9. javaScript中 数组的新方法(reduce)

    定义和用法 reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值. reduce() 可以作为一个高阶函数,用于函数的 compose. 注意: redu ...

随机推荐

  1. Mybatis常用标签使用

    trim元素的主要功能是可以在自己包含的内容前加上某些前缀,也可以在其后加上某些后缀,与之对应的属性是prefix和suffix:可以把包含内容的首部某些内容覆盖,即忽略,也可以把尾部的某些内容覆盖, ...

  2. Js学习(1)基本语法

    变量: 用var声明变量,如果只是声明变量而不赋值,则变量的值是undefined,表示无定义 不写·var也有效,但不建议 变量声明两次无效,但第二次声明时赋值会覆盖掉前面的值 变量提升: Js引擎 ...

  3. 4-windows 用cmd 如何输入命令 进入文件夹

    比如是你要到d盘的 tmp目录,那么敲入 cd d:\tmp 回车,然后在敲入 d:回车即可

  4. C#中泛型的解释(object,list,var,dynamic的区别)

    泛型是 2.0 版 C# 语言和公共语言运行库 (CLR) 中的一个新功能.泛型将类型参数的概念引入 .NET Framework,类型参数使得设计如下类和方法成为可能:这些类和方法将一个或多个类型的 ...

  5. php新增的一些特性

    php新增的特性,只是略微整理,并不完全. 一.php5.3添加的新特性 1.?:简化的三元运算符 <?php $cur = $cur ? $cur : 1; $cur = $cur ?: 1; ...

  6. BCHABC/BCHSV的矛盾所在

    BCHABC: 将BCH以后发展智能合约: 消息方面: 吴忌寒:BCH分叉不可避免 未来可能继续分叉 近日,吴忌寒在北大光华管理学院的区块链培训课程上发表演讲表示,在这种言论自由地环境下,我认为分裂就 ...

  7. linq join用法

    单条件: var query = from person in people join pet in pets on person equals pet.Owner select new { Owne ...

  8. u-boot之make all执行过程分析

    在执行make 100ask24x0_config之后就配置完成了针对JZ2440开发板的UBOOT,接下来需要执行make all进行编译链接最终生成u-boot.map.u-boot.srec.u ...

  9. CentOS6.2网卡绑定配置

    下面主要介绍在CentOS6.2下使用系统自带的bonding进行网卡绑定的详细步骤,在此之前你可以看一下Linux网卡绑定探析,你也可以使用网卡绑定的脚本进行网卡绑定操作. 注意:请在配置前关闭Ne ...

  10. git回退文件修改

    假设git仓库某个文件的提交信息如下: [cxy@localhost-live mate-power-manager]$ git log -n3 SPECS/mate-power-manager.sp ...