博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ES5数组拓展
阅读量:6976 次
发布时间:2019-06-27

本文共 2190 字,大约阅读时间需要 7 分钟。

ES5为Array对象做了大幅拓展

Array.isArray(obj)

这是Array对象的一个静态函数,用来判断一个对象是不是数组

var a = [];var b = new Date();console.log(Array.isArray(a)); //trueconsole.log(Array.isArray(b)); //false复制代码

.indexOf(element) / .lastIndexOf(element)

顾名思义,这两个方法用于查找数组内指定元素位置,查找到第一个后返回其索引,没有查找到返回-1,indexOf从头至尾搜索,lastIndexOf反向搜索。

var a = [1,2,3,3,2,1]console.log(a.indexOf(2)) //1console.log(a.lastIndexOf(2)) //4复制代码

.forEach(element, index, array)

遍历数组,参数为一个回调函数,回调函数有三个参数:

1.当前元素 2.当前元素索引值 3.整个数组 备注:如果我们忘了函数的参数是什么意思,我们可以借助console.log(arguments)如:

ar arr = [1,3,6,7]arr.forEach(function(){	console.log(arguments)})// (3) [1, 0, Array(4), callee: ƒ, Symbol(Symbol.iterator): ƒ]// (3) [3, 1, Array(4), callee: ƒ, Symbol(Symbol.iterator): ƒ]// (3) [6, 2, Array(4), callee: ƒ, Symbol(Symbol.iterator): ƒ]// (3) [7, 3, Array(4), callee: ƒ, Symbol(Symbol.iterator): ƒ]复制代码
var a = new Array(1,2,3,4,5,6);a.forEach(function(e,i,array){    array[i]= e + 1; });console.log(a); //[2, 3, 4, 5, 6, 7]复制代码

##.every(function(element, index, array)) /

.some(function(element, index, array))

这两个函数类似于离散数学中的逻辑判定,回调函数返回一个布尔值

every是所有函数的每个回调函数都返回true的时候才会返回true,当遇到false的时候终止执行,返回false

some函数是“存在”有一个回调函数返回true的时候终止执行并返回true,否则返回false

在空数组上调用every返回true,some返回false

var a = [1, 2, 3, 4, 5, 6]console.log(a.every(function(e, i, arr){return e < 5}))console.log(a.some(function(e,i,arr){  return e > 4}))复制代码

.map(function(element))

与forEach类似,遍历数组,回调函数返回值组成一个新数组返回,新数组索引结构和原数组一致,原数组不变

var a = [1, 2, 3, 4, 5, 6]console.log(a.map(function(e){  return e * e}))  // [1, 4, 9, 16, 25, 36]console.log(a) //[1, 2, 3, 4, 5, 6]复制代码

.filter(function(element))

返回数组的一个子集,回调函数用于逻辑判断是否返回,返回true则把当前元素加入到返回数组中,false则不加

新数组只包含返回true的值,索引缺失的不包括,原数组保持不变

var a = [1, 2, 3, 4, 5, 6]console.log(a.filter(function(e){  return e % 2 == 0;})) // [2, 4, 6]console.log(a) //[1, 2, 3, 4, 5, 6]复制代码

.reduce(function(v1, v2), value) / .reduceRight(function(v1, v2), value)

遍历数组,调用回调函数,将数组元素组合成一个值,reduce从索引最小值开始,reduceRight反向,方法有两个参数

1.回调函数:把两个值合为一个,返回结果

2.value,一个初始值,可选,作为索引为第一个的值

var a = [1, 2, 3, 4, 5, 6]var b = a.reduce(function(v1, v2){ return v1 + v2 })console.log(b) // 21var b = a.reduceRight(function(v1, v2){ return v1 - v2 }, 100)console.log(b) // 79复制代码

转载地址:http://cwypl.baihongyu.com/

你可能感兴趣的文章
如何选取合适的前端动效方案?
查看>>
js的执行机制
查看>>
[swift 进阶]读书笔记-第十一章:互用性 C11P1 实践:封装 CommonMark
查看>>
我的友情链接
查看>>
TypeScript 从听说到入门(上篇)
查看>>
JavaScript 闭包
查看>>
redis(4)
查看>>
koa+mongoose基础入门
查看>>
vue下实现textarea类似密码框的功能之探索input输入框keyup,keydown,input事件的触发顺序...
查看>>
python数据池连接PG
查看>>
如何开发一个区块链应用程序
查看>>
Cookie 位置_无需整理
查看>>
Ansible批量安装mysql数据
查看>>
H3C 交换机命名规则
查看>>
徒手撸出一个类Flask微框架(三)根据业务进行路由分组
查看>>
杨学海:跨境电商新通道-进口保税直邮模式解析
查看>>
rsync client backup scripts
查看>>
L09-10老男孩Linux运维实战培训-Nginx服务生产实战应用指南05(架构解决方案)
查看>>
Linux下的Shell工作原理
查看>>
FTP与TFTP的区别
查看>>