重写JS数组常用方法

  1. Array.prototype.forEach 没有返回值
    • 参数1:遍历数组时需要执行的回调函数
      • 回调函数参数1:数组的每一项 item
      • 回调函数参数2:每一项的下标 index
      • 回调函数参数3:整个数组 array
    • 参数2:这个回调函数的 this 指向
    Array.prototype.myForEach = function (callback) {var arr = this,len = arr.length,_self = arguments[1] || window;for (var i = 0; i < len; i++) {callback.apply(_self, [arr[i], i, arr]);}
    }
    
  2. Array.prototype.map 返回回调函数执行之后的返回值组成的新数组
    • 参数1:遍历数组时需要执行的回调函数
      • 回调函数参数1:数组的每一项 item
      • 回调函数参数2:每一项的下标 index
      • 回调函数参数3:整个数组 array
    • 参数2:这个回调函数的 this 指向
    Array.prototype.myMap = function (callback) {var arr = this,len = arr.length,_self = arguments[1] || window,resArr = [];for (var i = 0; i < len; i++) {resArr.push(callback.apply(_self, [arr[i], i, arr]));}return resArr;
    }
    
  3. Array.prototype.filter 筛选出满足条件的数组项,并组成的新数组返回
    • 参数1:遍历数组时需要执行的回调函数
      • 回调函数参数1:数组的每一项 item
      • 回调函数参数2:每一项的下标 index
      • 回调函数参数3:整个数组 array
    • 参数2:这个回调函数的 this 指向
    Array.prototype.myFilter = function (callback) {var arr = this,len = arr.length,_self = arguments[1] || window,resArr = [];for (var i = 0; i < len; i++) {callback.apply(_self, [arr[i], i, arr]) && resArr.push(arr[i]);}return resArr;
    }
    
  4. Array.prototype.every 对数组进行检测,只要有一个不满足回调函数给定的条件就返回 false ,全部满足条件才返回 true
    • 参数1:遍历数组时需要执行的回调函数
      • 回调函数参数1:数组的每一项 item
      • 回调函数参数2:每一项的下标 index
      • 回调函数参数3:整个数组 array
    • 参数2:这个回调函数的 this 指向
    Array.prototype.myEvery = function (callback) {var arr = this,len = arr.length,_self = arguments[1] || window,res = true;for (var i = 0; i < len; i++) {if (!callback.apply(_self, [arr[i], i, arr])) {res = false;break;}}return res;
    }
    
  5. Array.prototype.some 对数组进行检测,只要有一个满足回调函数给定的条件就返回 true ,全部都不满足条件才返回 false
    • 参数1:遍历数组时需要执行的回调函数
      • 回调函数参数1:数组的每一项 item
      • 回调函数参数2:每一项的下标 index
      • 回调函数参数3:整个数组 array
    • 参数2:这个回调函数的 this 指向
    Array.prototype.mySome = function (callback) {var arr = this,len = arr.length,_self = arguments[1] || window,res = false;for (var i = 0; i < len; i++) {if (callback.apply(_self, [arr[i], i, arr])) {res = true;break;}}return res;
    }
    
  6. Array.prototype.reduce 每次回调函数执行就把初始值当做 prev 传入,reduce 方法返回最终汇总的单个值
    • 参数1:遍历数组时需要执行的回调函数
      • 回调函数参数1:初始值
      • 回调函数参数2:数组的每一项 item
      • 回调函数参数3:每一项的下标 index
      • 回调函数参数4:整个数组 array
    • 参数2:初始值
    • 参数3(原本无,这里我给定义一个):this 指向
    Array.prototype.myReduce = function (callback, initialVal) {var arr = this,len = arr.length,_self = arguments[2] || window;for (var i = 0; i < len; i++) {initialVal = callback.apply(_self, [initialVal, arr[i], i, arr])}return initialVal;
    }
    
  7. Array.prototype.reduceRight 每次回调函数执行就把初始值当做 prev 传入,reduce 方法返回最终汇总的单个值,和 reduce 的区别就是一个顺着遍历一个倒着遍历
    • 参数1:遍历数组时需要执行的回调函数
      • 回调函数参数1:初始值
      • 回调函数参数2:数组的每一项 item
      • 回调函数参数3:每一项的下标 index
      • 回调函数参数4:整个数组 array
    • 参数2:初始值
    • 参数3(原本无,这里我给定义一个):this 指向
    Array.prototype.myReduceRight = function (callback, initialVal) {var arr = this,len = arr.length,_self = arguments[2] || window;for (var i = len - 1; i >= 0; i--) {initialVal = callback.apply(_self, [initialVal, arr[i], i, arr])}return initialVal;
    }
    
  8. Array.prototype.push 从数组末尾追加数组元素,并返回追加之后的数组长度
    • 参数:需要追加的数组元素,数组元素的个数不限
    Array.prototype.myPush = function () {var arr = this,args = arguments,argsLen = args.length;for (var i = 0; i < argsLen; i++) {this[this.length] = args[i]; // this.length 恰好是数组下标边界 + 1}return this.length;
    }
    
  9. Array.prototype.unshift 从数组开始位置添加数组元素,并返回追加之后的数组长度
    • 参数:需要添加的数组元素,数组元素的个数不限
    Array.prototype.myUnshift = function () {var arr = this,args = arguments,argsLen = args.length;for (var i = 0; i < argsLen; i++) {arr.splice(i, 0, arguments[i]);}return arr.length;
    }
    

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/555957.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

mysql 时间戳 2038_mysql数据库的timestamp为什么从1970到2038的某一时间?某一时间是指什么时间?过了这个时间之后怎么办?-问答-阿里云开发者社区-阿里云...

首先你要理解什么是时间戳。时间戳是指格林威治时间1970年01月01日00时00分00秒(北京时间1970年01月01日08时00分00秒)起至某一时间点的总秒数。例如北京时间2015-12-31 17:00:00的时间戳是1451552400&#xff0c;就是指从北京时间1970-01-01 08:00:00到2015-12-31 17:00:00已经…

MySQL 批量插入数据,单次插入多少条数据效率最高

文章目录一、前言二、批量插入前准备1、插入到数据表的字段2、计算一行字段占用的空间3、在数据里做插入操作的时候&#xff0c;整体时间的分配三、批量插入数据测试1、SQL语句的大小限制2、查看服务器上的参数&#xff1a;3、计算一次能插入的最大行记录4、测试插入数据比对&a…

重写 typeof 方法

重写 typeof 方法 function myTypeof(str) {var toStr Object.prototype.toString,typeofStr typeof(str),typeTemp {[object Object]: object, // 检测对象[object String]: object-string, // 检测包装类 String[object Number]: object-number, // 检测包装类 Number[ob…

mysql+跨服务器+写入_MySQL中使用FREDATED引擎实现跨数据库服务器、跨实例访问

跨数据库服务器&#xff0c;跨实例访问是比较常见的一种访问方式&#xff0c;在Oracle中可以通过DB LINK的方式来实现。对于MySQL而言&#xff0c;有一个FEDERATED存储引擎与之相对应。同样也是通过创建一个链接方式的形式来访问远程服务器上的数据。本文简要描述了FEDERATED存…

MYSQL避免全表扫描__如何查看sql查询是否用到索引(mysql)

MYSQL避免全表扫描 1.对查询进行优化&#xff0c;应尽量避免全表扫描&#xff0c;首先应考虑在 where 及 order by 涉及的列上建立索引 2.应尽量避免在 where 子句中对字段进行 null 值判断&#xff0c;否则将导致引擎放弃使用索引而进行全表扫描 如&#xff1a;select id f…

字符串数组排序

字符串数组排序 var arr [chifan, 抽yan, he酒, 烫头, Coding2233];/*** 计算字符串字节数*/ function getBytesCount(str) {var bytesCount str.length;for (var i 0; i < bytesCount; i) {var ASCIINum str.charCodeAt(i);ASCIINum > 255 && bytesCount;}…

mysql主键unsigned_mysql – 主键应该总是unsigned?

MySQL支持可选的SERIAL数据类型(假定与PostgreSQL兼容&#xff0c;因为SERIAL不是标准的ANSI SQL)。此数据类型只是创建BIGINT UNSIGNED的简写。去试试吧&#xff1a;CREATE TABLE test.foo (foo_id SERIAL PRIMARY KEY);SHOW CREATE TABLE test.foo;CREATE TABLE test.foo (fo…

@SuppressWarnings使用的正确姿势

SuppressWarnings比较常见&#xff0c;理解和使用起来都很简单。 但是就这这个机会系统的整理一下。 通过源码可以看出&#xff0c;支持在类、属性、方法、参数、构造方法、本地变量上使用。 SuppressWarnings注解的使用有三种&#xff1a; SuppressWarnings(“unchecked”)…

DOM - 找出当前节点的子元素节点和找出当前节点的第 n 层父级元素

一、找出当前节点的子元素节点 思路&#xff1a; 先拿到当前节点的子节点集合循环遍历这些节点&#xff0c;找出元素节点并添加到元素集合中如果传了数字参数&#xff0c;就返回元素集合中对应下标的节点没传参数就返回整个元素集合 Element.prototype.getChildNode functio…

mysql5.7.3安装教程_最新mysql 5.7.23安装配置图文教程

2018年最新MySQL5.7详细安装与配置&#xff0c;总共分为四步&#xff0c;其中环境变量配置不是必须的。1、安装包下载2、安装过程3、环境变量配置4、连接测试一、官网下载MYSQL安装包2.选择合适你电脑系统的版本进行安装。如果有网络&#xff0c;选择在线安装的版本&#xff0c…

MySQL 添加where 1= 1 是否会引起索引失效

背景 在检查数据库的执行效率的时候&#xff0c;发现了一条查询极慢的查询sql。sql的例子如下&#xff1a; EXPLAIN SELECT * FROM user_point_detail_info WHERE 11 AND deleted FALSE AND app_id 2010001 AND point > 10 AND add_time BETWEEN "2021-03-12 17:0…

DOM - 查看当前节点下有无子元素节点

for 循环版 Element.prototype.hasChildren function () {const childNodes this.childNodes,len childNodes.length;for (let i 0; i < len; i) {const item childNodes[i];if (item.nodeType 1) {return true;}}return false; }while 循环版 Element.prototype.ha…

mysql回档命令_MySQL 备份恢复

1&#xff1a;备份常用工具&#xff1a;mysqldump, xtrabackupmysqldump: 原生数据导出工具&#xff0c;以sql的形式导出保存xtrabackup: percona团队提供的备份工具&#xff0c;基于文件系统的备份2&#xff1a;备份全库&#xff1a;mysqldump -h10.6.29.1 -uroot -p --all-da…

MySQL在like查询中是否使用到索引

mysql在使用like查询中&#xff0c;能不能用到索引&#xff1f;在什么地方使用索引呢&#xff1f; 在使用like的时候&#xff0c;如果使用‘%%’&#xff0c;会不会用到索引呢&#xff1f; EXPLAIN SELECT * FROM user WHERE username LIKE %ptd_%;上面的结果是全表扫描&#…

DOM - 查看当前节点的前后兄弟元素节点

查看当前节点的前后兄弟元素节点 Element.prototype.getElementSibling function (n) {let node this,type typeof(n);if (type undefined && type ! number) {return;}while (n) {if (n > 0) { // 控制往前找还是往后找node node.nextElementSibling;n--;} e…

elasticsearch scroll 一页最大数据量_elasticsearch 百亿级数据检索案例与原理

一、前言数据平台已迭代三个版本&#xff0c;从头开始遇到很多常见的难题&#xff0c;终于有片段时间整理一些已完善的文档&#xff0c;在此分享以供所需朋友的实现参考&#xff0c;少走些弯路&#xff0c;在此篇幅中偏重于ES的优化&#xff0c;关于HBase&#xff0c;Hadoop的设…

使用Collections.emptyList()生成的List不支持add方法___Java Collections.emptyList方法的使用及注意事项

使用Collections.emptyList()生成的List不支持add方法 今天使用Collections.emptyList()&#xff0c;返回一个空的List 但是发现它不支持Add功能&#xff0c;调用Add会抛出unsupportedException&#xff0c; 在以后要返回一个空的List&#xff0c;并还需要后续操作时&#xff…

DOM - 找出当前节点下的所有元素节点(不管多少层都找出来)

Element.prototype.getChildNode function () {const resArr [];fn(this);function fn(node) {const childNodes node.childNodes,len childNodes.length;// 找出元素节点(node && node.nodeType 1) && resArr.push(node);for (let i 0; i < len; i) …

mysql批量查询版本号最大的_mysql子查询批量找id最大的

hiho一下123周 后缀数组四&&num;183&semi;重复旋律后缀数组四重复旋律4 时间限制:5000ms 单点时限:1000ms 内存限制:256MB 描述 小Hi平时的一大兴趣爱好就是演奏钢琴.我们知道一个音乐旋律被表示为长度为 N 的数构成的数列.小Hi ...mxGraph实现按住ctrl键盘拖动图形…

解决SVN代码冲突

解决SVN代码冲突 解决冲突有三种选择&#xff1a; 1、放弃自己的更新&#xff0c;使用svn revert(回滚)&#xff0c;然后提交。在这种方式下不需要使用svn resolved(解决) 2、放弃自己的更新&#xff0c;使用别人的更新。使用最新获取的版本覆盖目标文件&#xff0c;执行res…