JavaScript学习随记——数组二
数组indexOf(arg) 和 lastIndexOf(arg)方法使用
<script type="text/javascript" charset="utf-8">/*** indexOf(arg):返回指定参数在数组中的索引位置(从前往后查,比较是使用 ‘===’,查询到立即返回索引位置),如果没有则返回 -1* * lastIndexOf(arg):从后往前查arg,如果查询到则立即返回对应的索引值,如果没有则返回 -1* * 注:数组的索引位置都是从 0 开始索引*/var arr=[1,734,23,7,90,4,true,12,1,0,23];console.log("【arr】: "+arr);console.log("【arr.indexOf(23)】:"+arr.indexOf(23));console.log("【arr.indexOf(true)】:"+arr.indexOf(true));var arr=[1,2,3,4,5,4,3,2,1];console.log("【arr】: "+arr);console.log("【arr.lastIndexOf(3)】: "+arr.lastIndexOf(3));console.log("【arr.lastIndexOf(10)】: "+arr.lastIndexOf(10));/********************* 【开始】运行结果 ********************【arr】: 1,734,23,7,90,4,true,12,1,0,23【arr.indexOf(23)】:2【arr】: 1,2,3,4,5,4,3,2,1【arr.lastIndexOf(3)】: 6【arr.lastIndexOf(10)】: -1 ********************* 【结束】运行结果 ********************/</script>
数组every迭代
<script type="text/javascript" charset="utf-8"> /*** 数组五个新的迭代方法(ECMA5 数组新特性):every、filter、some、reduce、reduceRight* every:循环迭代并回调every参数中函数,循环迭代函数处理的结果如果都为true则返回true,否则返回false(类似于逻辑关系&&)* * @return boolean*/var arr=[87,12,9,5,34,5,0];var result=arr.every(function(item,index,arr){// item:循环迭代到的值// index:循环迭代到的索引位置// arr:循环的数组console.log("item: "+item+" ,index: "+index+", arr: "+arr);return item>3;});console.log("arr: "+arr); console.log("arr.every(): "+result); /********************* 【开始】运行结果 ********************item: 87 ,index: 0, arr: 87,12,9,5,34,5,0item: 12 ,index: 1, arr: 87,12,9,5,34,5,0item: 9 ,index: 2, arr: 87,12,9,5,34,5,0item: 5 ,index: 3, arr: 87,12,9,5,34,5,0item: 34 ,index: 4, arr: 87,12,9,5,34,5,0item: 5 ,index: 5, arr: 87,12,9,5,34,5,0item: 0 ,index: 6, arr: 87,12,9,5,34,5,0arr: 87,12,9,5,34,5,0arr.every(): false********************* 【结束】运行结果 ********************/</script>
数组filter迭代
<script type="text/javascript" charset="utf-8"> /*** filter:循环迭代数组中符合条件的数据(返回符合筛选条件的元素,不影响被操作的对象)* * @return [符合筛选条件的元素,符合筛选条件的元素、、、]*/var arr=[87,12,9,5,34,5,0];var result=arr.filter(function(item,index,arr){return item>10;});console.log("arr: "+arr);console.log("arr.filter(): "+result);/********************* 【开始】运行结果 ********************arr: 87,12,9,5,34,5,0arr.filter(): 87,12,34********************* 【结束】运行结果 ********************/</script>
数组some迭代
<script type="text/javascript" charset="utf-8"> /*** some:循环迭代并运行函数中的回调函数,若回调参函数运行结果含义true则返回true,否则返回false(类似于逻辑关系 || )* * @return boolean*/var arr=[87,12,9,5,34,5,0];var result=arr.some(function(item,index,arr){return item<3;});console.log("arr: "+arr);console.log("arr.some(): "+result);/********************* 【开始】运行结果 ********************arr: 87,12,9,5,34,5,0arr.some(): true********************* 【结束】运行结果 ********************/ </script>
数组reduce迭代
<script type="text/javascript" charset="utf-8"> /*** reduce: 从左往右顺序迭代(默认从索引1位置开始顺序迭代)* * @param {Object} pre 上一次循环迭代的返回值* @param {Object} cur 循环迭代当前的值(默认从索引1位置开始顺序迭代)* @param {Object} index 循环迭代处的索引位置* @param {Object} array 循环迭代的对象*/var arr=[87,12,9,5,34,5,0];var result=arr.reduce(function(pre,cur,index,array){console.log("index:"+index+" , pre:"+pre+" , cur:"+cur+" , array:"+array);return pre+cur;});console.log("result: "+result);/********************* 【开始】运行结果 ********************index:1 , pre:87 , cur:12 , array:87,12,9,5,34,5,0index:2 , pre:99 , cur:9 , array:87,12,9,5,34,5,0index:3 , pre:108 , cur:5 , array:87,12,9,5,34,5,0index:4 , pre:113 , cur:34 , array:87,12,9,5,34,5,0index:5 , pre:147 , cur:5 , array:87,12,9,5,34,5,0index:6 , pre:152 , cur:0 , array:87,12,9,5,34,5,0result: 152********************* 【结束】运行结果 ********************/ </script>
数组reduceRight迭代
<script type="text/javascript" charset="utf-8"> /*** reduceRight: 从右往左顺序迭代(默认从数组倒数第二个元素位置开始从右往左顺序迭代)* * @param {Object} pre 上一次循环迭代的返回值* @param {Object} cur 循环迭代当前的值(默认从数组倒数第二个元素位置开始从右往左顺序迭代)* @param {Object} index 循环迭代处的索引位置* @param {Object} array 循环迭代的对象*/ var arr=[87,12,9,5,34,5,0]; var result=arr.reduceRight(function(pre,cur,index,array){console.log("index:"+index+" , pre:"+pre+" , cur:"+cur+" , array:"+array);return pre+cur;});console.log("result: "+result);/********************* 【开始】运行结果 ********************index:5 , pre:0 , cur:5 , array:87,12,9,5,34,5,0index:4 , pre:5 , cur:34 , array:87,12,9,5,34,5,0index:3 , pre:39 , cur:5 , array:87,12,9,5,34,5,0index:2 , pre:44 , cur:9 , array:87,12,9,5,34,5,0index:1 , pre:53 , cur:12 , array:87,12,9,5,34,5,0index:0 , pre:65 , cur:87 , array:87,12,9,5,34,5,0result: 152********************* 【结束】运行结果 ********************/ </script>
JavaScript学习随记——数组二相关推荐
- JavaScript学习随记——数组一
数组的创建及length属性 <script type="text/javascript" charset="utf-8">// 数组创建方式一,此 ...
- JavaScript学习笔记之数组(二)
JavaScript学习笔记之数组(二) 1.['1','2','3'].map(parseInt) 输出什么,为什么? ['1','2','3'].map(parseInt)//[1,NaN,NaN ...
- JavaScript学习(六十二)—解析选项和序列化选项
JavaScript学习(六十二)-解析选项和序列化选项 一.解析选项 格式:JSON.parse(参数1,参数2); 参数说明 参数1:表示要转换为JS对象的json字符串 参数2:表示将json转 ...
- JavaScript学习(八十二)—JavaScript的组成
JavaScript学习(八十二)-JavaScript的组成 一.ECMAScript ECMAScript是由ECMA国际(原欧洲计算机制造商协会)进行标准化的一门编程语言,这种语言在万维网上应用 ...
- JavaScript学习(七十二)—严格模式
JavaScript学习(七十二)-严格模式 JavaScript除了提供正常模式外,还提供了严格模式,ES5的严格模式是采用具有限制性JavaScript变体的一种方式,即在严格条件下运行JS代码, ...
- JavaScript学习(五十二)—继承、call方法和apply方法
JavaScript学习(五十二)-继承.call方法和apply方法 学习内容 一.继承 二.call方法 三.apply方法 一.继承 所谓继承就是两个构造方法建立起来的某种联系,通过某种联系,可 ...
- JavaScript学习(四十二)—利用工厂模式创建对象以及工厂模式创建对象的不足
JavaScript学习(四十二)-利用工厂模式创建对象以及工厂模式创建对象的不足 一.利用工厂模式创建对象 工厂模式是JavaScript中的一种设计模式,它的作用是批量创建具有同种属性的对象. 格 ...
- JavaScript学习(三十二)— Keycode常用键位码对照表
JavaScript学习(三十二)- Keycode常用键位码对照表 (一).字母和数字键的键码值(keyCode) (二).控制键键码值(keyCode) (三).多媒体键码值(keyCode)
- JavaScript学习 第二课(二)
JavaScript学习 第二课(二) 一.Math对象: 该对象的作用是用来处理数学运算符的,该对象不需要手动创建,因为它是window对象的一个属性,当页面加载完毕后,后台就是自动创建Math对象 ...
最新文章
- python插件做nagios发报警邮件二
- Java异常与运行时异常,以及与线程的关系
- 【转】内存耗用:VSS/RSS/PSS/USS
- python 类的功能,字符串字节,嵌套等相关学习总结
- 报名参加第103期设计论坛公益免费设计活动
- C#学习笔记——25个经典问题
- 大量CV职位!奥比中光2020届校招提前批内推启动!
- 千万不要被这些手机充电的谣言给误导了!现在了解还来得及
- 麦克风增强软件_麦克风电流声去除方法(不花一分钱去电流声)
- Java 8 的这个新特性,用起来真的很爽!
- 跨年照片墙php源码,简单效果照片墙
- 群发功能java_利用java实现邮箱群发功能
- 一个简单的Java Web项目
- 联想 计算机无线网络设置方法,联想笔记本无线网络开关,详细教您联想笔记本无线网络开关...
- 计网-基于Cisco模拟器
- [论文写作笔记] C2论文写作结构与思路 C6 让研究方法称为加分项
- python输入负数_如何让python使用负数
- 搭建Ubuntu 10.04系统(嵌入式开发) (重要)
- Impala简介(整理)
- 淘宝/天猫API ,获取sku详细信息 OneBound数据
热门文章
- 计算机 注册表 远程桌面,仅允许运行使用网络级别身份验证的远程桌面计算机连接失败处理方法(远程桌面连接)...
- 类型之间的相互转换php,php学习之数据类型之间的转换介绍
- java fx 内置图标_图标 – 如何在Windows上为javafx本机程序包图标设置自定义图标...
- 前端使用正则表达式获取地址栏URL参数的值并将需要的参数值展示在页面
- 我是如何成功准备VUE项目之前的开发环境?
- html设置页面的高度和宽度,web显示页面有图像上设置高度和宽度很重要
- c语言程序整数四则运算,c语言中三个整数随机的四则运算
- js css模仿打字效果
- css中px、em和rem的区别总结
- PAT_B_1012 数字分类 (有待改进)