几种遍历数组的方法原理
forEach()方法原理
let fn = function(item,i,arr) {console.log(item)console.log(i)
}
let animous = ['cat','pig','dog','brid']
// 用forEvery模拟forEach方法
animous.__proto__.forEvery = function(fn){for(let i=0;i < this.length;i++){fn(this[i],i,this)}
}animous.forEvery(function(item,i,arr){document.write('<h3>'+item+'-'+'</h3>')
})
map()方法原理
// 对数组中每一项运行回调函数,返回该函数的结果(返回的是加工之后的新数组,不会改变原数组)
animous.__proto__.forMap = function(fn){let arr = []for(let i = 0;i < this.length;i++){arr[i] = fn(this[i],i,this)}return arr
}
let arr2 = animous.forMap(function(item){return item +'---'
})
console.log(arr2)
filter()方法原理
//对数组中的每一项运行回调函数,该函数返回结果是true的项,将组成新的数组(返回值就是这个新的数组)
let num = [1,2,22,345,567,231]
num.__proto__.myflter = function(fn){let arr = []let j = 0for(let i = 0; i < this.length;i++) {if(fn(this[i],i,this)) {arr[j] = this[i]j++}}return arr
}let arr4 = num.myflter(function(item,i,arr){if(item > 100) {return true}else{return false}
})
console.log(arr4)
几种遍历数组的方法原理相关推荐
- PHP遍历数组的方法汇总
今天有个朋友问我一个问题php遍历数组的方法,告诉她了几个.顺便写个文章总结下,如果总结不全还请朋友们指出 第一.foreach() foreach()是一个用来遍历数组中数据的最简单有效的方法. & ...
- python遍历数组的方法小结
这篇文章主要介绍了python遍历数组的方法,实例总结了两种Python遍历数组的技巧,非常具有实用价值,需要的朋友可以参考下 本文实例总结了python遍历数组的方法.分享给大家供大家参考.具体分析 ...
- 遍历数组的方法和数组的遍历方法(3+10种)(上)
文章目录 简介 遍历数组的方法 for循环遍历 特点: 使用: 输出: for in遍历 特点: 使用: 输出: 3. for of循环 特点: 使用: 输出: 简介 总所周知,遍历的方法有很多种,有 ...
- 遍历数组的方法和数组的遍历方法(3+10种)(下)
文章目录 简介 数组的遍历方法 1. forEach() 说明: 使用: 输出: 2. map()映射遍历 说明: 使用: 输出: 3. filter()过滤器遍历 说明: 使用: 输出: 4. so ...
- PHP 遍历数组的方法汇总
From: http://www.cnblogs.com/jamespb/archive/2011/09/01/2161673.html 1. foreach() foreach()是一个用来遍历数组 ...
- javascript数组——新建数组、访问数组、遍历数组的方法、数组对象的方法、冒泡排序算法、json的正反序列化
目录 数组 通过构造函数的三种方法 字面量创建数组方式 访问数组 遍历数组的方法 遍历:遍历就是把数组中的元素从头到尾都访问一次 操作数组对象的方法 删除和添加 delete与Vue.delete区别 ...
- 前端百题斩【019】——数组中方法原理早知道
写该系列文章的初衷是"让每位前端工程师掌握高频知识点,为工作助力".这是前端百题斩的第19斩,希望朋友们关注公众号"执鸢者",用知识武装自己的头脑. js的Ar ...
- php中遍历一个数组,php中遍历数组的方法
PHP中遍历数组有三种常用的方法: 一.使用for语句循环遍历数组: 二.使用foreach语句遍历数组: 三.联合使用list().each()和while循环遍历数组. 这三种方法中效率最高的是使 ...
- linux jq 遍历数组,jquery 遍历数组 each 方法详解
JQuery拿取对象的方式 $('#id') :通过元素的id $('tagName') : 通过元素的标签名 $('tagName tagName') : 通过元素的标签名,eg: $('ul li ...
最新文章
- RabbitMQ的四种交换机
- python怎么安装第三方库-vs2017怎么安装python第三方包
- 批量将PNG转为JPG
- iOS模块器截屏闪退
- php获取ip几种方法区别,php获取客户端IP地址的几种方法
- Apache服务器上部署的网站乱码问题的解决办法
- 一文详解Serverless架构模式
- 在im4java中使用GraphicsMagick
- 基于Swift的简易iOS天气APP
- 【SICP练习】53 练习2.21
- 程序员如何玩转汇编指令?
- 2016年最值得关注的16个网页设计趋势
- 63.1拓展之box-shadow属性
- py3 写的基于GUI 的 旁注 wwwscan集成扫描工具
- 人类杏仁核的核团:手动分割到自动图谱
- python的口算自动生成系统(GUI界面编程)
- 关于springboot无法跳转解析html,404,500无法创建实体类工厂
- 帆软Report设置参数列表
- 怎样让你的LinkedIn动态上热门?高效使用我们的领英
- 如何从产品层面做需求分析——产品定位
热门文章
- 微信小程序直播间实现下拉刷新(目前全网最优最美观的方法)
- Apollo control模块纵向控制原理及核心代码逐行解析
- 解决”您的连接不是私密链接“的问题!
- 苏州项目申报公司告诉你软件著作权你不知道的还很多
- 1月FOMC会议连连放鹰 现货金转空大跌35美元
- batT脚本如何自动执行 adb shell 以后的命令(android抓包)
- 从冷战到深度学习:一篇图文并茂的机器翻译史
- C陷阱与缺陷 第3章 语义“陷阱” 3.4 避免“举偶法”
- 数据中心机房基础建设,等级、机柜、机架设定等相关内容都在这里!
- 嵌套列表与列表推导式