js数组的五种迭代方法及两种归并方法(推荐)
js数组的五种迭代方法及两种归并方法(推荐)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <script> window.onload = function(){ //every()相当于逻辑与 var arr = [1,2,3,4,5,6,7,8]; var everyRes = arr.every(function(item,index,array){ return (item>2); }); alert(everyRes); //some()相当于逻辑或 var someRes = arr.some(function(item,index,array){ return (item>2); }); alert(someRes); //filter()返回给定条件的数组 var filterRes = arr.filter(function(item,index,array){ return (item>2); }); alert(filterRes); //map()返回给定条件的数组 var mapRes = arr.map(function(item,index,array){ return (item*2); }); alert(mapRes); //forEach()没有返回值 有兴趣可以自测 } //reduce()归并方法 接受传入的函数和作为归并基础的初始值(可选 //要传入的函数接收四个函数,前一个值,当前值,索引项,数组对象 var sum = arr.reduce(function(prev,cur,index,array){ return prev + cur; }); alert(sum); //reduceRight()归并方法 和reduce()方法本质一样,区别就在于是从后向前开始边里 var sum2 = arr.reduceRight(function(pre,cur,index,array){ return pre + cur; }); alert(sum2); </script> </head> <body> </body> </html>
以上这篇js数组的五种迭代方法及两种归并方法(推荐)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。
相关推荐
-
详谈JS中数组的迭代方法和归并方法
数组的迭代方法 ES5中为数组定义了5个迭代方法.每个方法都要接收两个参数:要在每一项上面运行的函数和(可选的)运行该函数的作用域对象---影响this的值. 传入方法中的函数会介绍三个参数:1.数组项的值 2. 该项在数组的中位值 3. 数组对象本身: every()和some()方法 every():对数组中的每一项运行给定函数,如果每一项都返回true,则返回true,否则false: some():对数组中的每一项运行给定函数,如果至少有一项返回true,则返回true,否则false:
-
JavaScript数组的5种迭代方法
ES5为数组定义了5个迭代方法.每种方法都接收两个参数.要在每一项上运行的函数和(可选的)运行该函数的作用域对象--影响this的值.//其中(可选的)这个参数暂时未遇到过. 其中,函数都接收三个参数(数组中的每一项.每一项的索引值.数组对象本身). 下面是5中方法的介绍: every() : 对数组中的每一项执行函数,如果每一项都返回 true ,则该方法返回 true. some(): 对数组中的每一项执行函数,只要有一项返回了 true ,则该方法返回 true. filter()
-
js 数组实现一个类似ruby的迭代器
分为如下几节: ·基本实现 ·在迭代中引用原来的对象,或者直接改变数组的值而不是返回一个新数组 ·向迭代传入无限多的参数 ·基本实现 今天突然发现js的数组处理起来真是麻烦,代码一些就是一大堆,相比起ruby的迭代器来真是逊色不少,主要是要写的代码太多了,也许是js有特殊的处理数组的方式,真是我不知道而已,但是我真的想自己给js实现一个类似ruby的迭代器的东东,而且实现起来也不难,那就开始动手吧. 真的应该庆幸js是动态语言啊,如果是静态语言,实现起来很不方便(别说要我重新定义一个继承自arr
-
深入JavaScript高级程序设计之对象、数组(栈方法,队列方法,重排序方法,迭代方法)
继承是OO语言中的一个最为人津津乐道的概念. 许多OO语言都支持两种继承方式:接口继承和实现继承. 接口继承只继承方法签名,而实现继承则继承实际的方法. 如其所述,由于函数没有签名,在ECMAScript中无法实现接口继承. ECMAScript只支持实现继承,而且其实现继承主要是依靠原型链来实现的. 1.使用对象字面量定义对象 var person={}; 使用这种方式创建对象时,实际上不会调用Object构造函数. 开发人员更喜欢对象字面量的语法. 2.有时候需要传递大量可选参数的情形时,一
-
JavaScript数组迭代方法
最近工作中经常涉及到数据的处理,数组尤其常见,经常需要对其进行遍历.转换操作,网上的文章零零散散,不得已自己又找出红宝书来翻出来看,顺便记一笔,便于以后查询. 数组常用的迭代方法 ECMAScript5为数组定义了5个迭代方法.每个方法都接受两个参数:要在每一项上运行的函数fn和(可选的)运行该函数的作用域对象--影响 `this` 的值. 传入这些方法中的函数(fn)会接收3个参数:item .index .array; 如: array.forEach(function(item,index
-
JS的数组迭代方法
本文实例讲述了JS的数组迭代方法.分享给大家供大家参考.具体实现方法如下: <!doctype html> <html> <head lang="zh"> <meta charset="utf-8"> <title>js数组迭代</title> <meta name="renderer" content="webkit"> <script
-
JavaScript数组迭代器实例分析
本文实例讲述了JavaScript数组迭代器用法.分享给大家供大家参考.具体如下: 这里注意:如果数组中有0.false."".null.NaN迭代器将会停止 function createIterator(x) { var i = 0; return function(){ return x[i++]; }; } var iterator=createIterator(['a','b','c','d','e','f','g']); var current; while(current
-
javascript中Array数组的迭代方法实例分析
本文实例讲述了javascript迭代的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: //filter() 利用指定的函数确定是否返回数组中包涵的某一项 var num = [1,2,3,4,5,6,12]; num.filter(function(item, index, array){ return (item > 2); //[3, 4, 5, 6, 12] }); //map() 返回一个数组,数组中每一项都是在原始数组中的对应项上运行传入参数的结果 var nu
-
javaScript数组迭代方法详解
本文为大家介绍了javaScript数组迭代方法,供大家参考,具体内容如下 每个方法都接收两个参数:要在每一项上运行的函数 和 (可选的)运行该函数的作用域对象. 传入这些方法中的函数会接收三个参数:数组项的值,该项在数组中的位置,数组对象本身. forEach() 对数组中的每一项运行 给定函数.该方法没有返回值. every() 对数组中的每一项运行 给定函数,如果数组的每一项都返回true,则返回true. some() 对数组中的每一项运行 给定函数,如果数组的任意一项返回tr
-
js数组的五种迭代方法及两种归并方法(推荐)
js数组的五种迭代方法及两种归并方法(推荐) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta ht
-
js数组的 entries() 获取迭代方法
目录 1.entires() 方法语法详解 2.entires() 方法常见使用及注意 2.1 返回迭代器对象 2.2 for...of...的使用 2.3 二维数组行排序 1.entires() 方法语法详解 entries() 方法返回一个数组的迭代对象,该对象包含数组的键值对 (key/value) . 迭代对象中数组的索引值作为 key, 数组元素作为 value.它的原型(__proto__:Array Iterator)上有一个next方法,可用用于遍历迭代器取得原数组的[key,v
-
JS类定义原型方法的两种实现的区别评论很多
我们知道,给JavaScript类添加原形(prototype)方法是很简单的.而且常用的有下面这两种方法,可是这两种方法在使用时有区别吗? JScript Class: 复制代码 代码如下: function JSClass() { } Extends prototype method: 复制代码 代码如下: JSClass.prototype.MethodA = function() { }; Or 复制代码 代码如下: function = JSCla
-
Spring Boot 项目启动自动执行方法的两种实现方式
目录 实际应用场景: 第一种实现ApplicationRunner接口 第二种实现CommandLineRunner接口 对比: 注意: 实际应用场景: springboot项目启动成功后执行一段代码,如系统常量,配置.代码集等等初始化操作:执行多个方法时,执行顺序使用Order注解或Order接口来控制. Springboot给我们提供了两种方式 第一种实现ApplicationRunner接口 package org.mundo.demo.core; import org.springfra
-
配置vue全局方法的两种方式实例
目录 1,前言 2,第一种方式 3,第二种方式 总结 1,前言 在Vue项目开发中,肯定会有这样一个场景:在不同的组件页面用到同样的方法,比如格式化时间,文件下载,对象深拷贝,返回数据类型,复制文本等等.这时候我们就需要把常用函数抽离出来,提供给全局使用.那如何才能定义一个工具函数类,让我们在全局环境中都可以使用呢?请看下文分解. PS:本文vue为2.6.12 2,第一种方式 直接添加到Vue实例原型上 首先打开main.js,通过import引入定义的通用方法utils.js文件,然后使用V
-
详解使用Vue.Js结合Jquery Ajax加载数据的两种方式
整理文档,搜刮出一个使用Vue.Js结合Jquery Ajax加载数据的两种方式的代码,稍微整理精简一下做下分享. 废话不多说,直接上代码 html代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>demo</title> <script src="js/jquery.js"
-
python学习之第三方包安装方法(两种方法)
这篇文章主要介绍了python学习之第三方包安装方法,最近在学习QQ空间.微博(爬虫)模拟登录,都涉及到了RSA算法.这样需要下一个RSA包(第三方包),在网上搜了好多资料,具体有以下两种方法: 第一种方法(不使用pip或者easy_install): Step1:在网上找到的需要的包,下载下来.eg. rsa-3.1.4.tar.gz Step2:解压缩该文件. Step3:命令行工具cd切换到所要安装的包的目录,找到setup.py文件,然后输入python setup.py install
-
mybatis 加载配置文件的方法(两种方式)
一. 使用sqlSessionFactory 的 mapperLocations 进行加载, <!-- SessionFactory --> <bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean" scope="singleton"> <property name="dataSource" ref=
-
spring boot @ResponseBody转换JSON 时 Date 类型处理方法【两种方法】
spring boot @ResponseBody转换JSON 时 Date 类型处理方法[两种方法],Jackson和FastJson两种方式. spring boot @ResponseBody转换JSON 时 Date 类型处理方法 ,这里一共有两种不同解析方式(Jackson和FastJson两种方式) 第一种方式:默认的json处理是 jackson 也就是对configureMessageConverters 没做配置时 mybatis数据查询返回的时间,是一串数字,如何转化成时间.
-
C++超详细讲解隐藏私有属性和方法的两种实现方式
目录 例子 用抽象类解决问题 用Pimpl风格解决问题 总结 参考 在我们编写程序的时候,会将程序模块化,常见的就是用动态链接库的方式,然后导出函数接口或者类.而对于导出类的方式,作为模块的实现者,不论是给第三方使用或者自己的项目使用,应该都不太愿意暴露自己的私有属性和方法,个人碰到的主要有以下两个常见原因: 通过隐藏私有属性和方法,让被调用者猜不到其实现方式 私有方法中或者属性中,可能会存在一些第三方的头文件或者库的依赖,而对于被调用方来说不应该直接依赖 本文将介绍两种方式来满足以上的需求,一
随机推荐
- jQuery判断邮箱格式对错实例代码讲解
- JavaScript/jQuery 表单美化插件小结
- 用java生成html文件实现原理及代码
- JavaScript 自动完成脚本整理(33个)
- asp.net 该行已经属于另一个表错误的解决方法
- php生成静态页面的简单示例
- c#数据绑定之将datatabel的data添加listView
- MYSQL命令行导入导出数据库详解
- ie中js创建checkbox默认选中问题探讨
- 这些年、我收集的JQuery代码小结
- 关于IE下AJAX的问题探讨
- JSP实现从不同服务器上下载文件的方法
- bootstrap警告框示例代码分享
- Linux中openssl/opensslv.h找不到问题的解决方法
- JS 自定义函数缺省值的设置方法
- js实现精美的图片跟随鼠标效果实例
- 深入理解linux中close与shutdown的区别
- 不用杀毒软件也能让系统百毒不侵的技巧
- Android ReboundScrollView仿IOS拖拽回弹效果
- 从ASP过渡到ASP.net遗留的二十大积习