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>




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

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

相关文章

反射的简单应用

首先有一个类 1 using System;2 using System.Collections.Generic;3 using System.Linq;4 using System.Text;5 using System.Threading.Tasks;6 7 namespace ConsoleApplication18 {9 public class demo 10 { 11 public string name "程序员"; 12…

JavaFX 2.0示例介绍书

我最近完成了有关JavaFX 2.0 SDK新版本的书的编写&#xff0c;并且已经将它放在您附近的书店&#xff08; Amazon &#xff09;的书架上。 该书将逐步指导您完成JavaFX 2.0的来龙去脉。 当您遇到一章时&#xff0c;将看到一些菜谱&#xff0c;这些菜谱将带来一个问题&#xff0…

双纵坐标的绘图命令_工程师绘图必备软件——OriginLab 2019b

点击右上角关注&#xff0c;尽享后续精品软件OriginLab 2019b是OriginLab OriginPro 2019版本的加强版&#xff0c;这个软件对于许多人来讲并不陌生&#xff0c;可以说是科学家和工程师的绘图必备软件。新的版本也带来许多改变&#xff0c;软件拥有多种功能&#xff0c;这个版本…

JavaScript学习随记——对象

JS中对象基本使用 <script type"application/javascript" charset"utf-8">//Objcet 所有类的基础类/*** 创建对象方式一*/ // var objnew Objcet();/** 创建对象方式二,注意 {}不可忘记写* */var obj {};obj.name "什码情况";obj.age …

[转]Java_List元素的遍历和删除

原文地址:http://blog.csdn.net/insistgogo/article/details/19619645 1、创建一个ArrayList [java] view plainList<Integer> list new ArrayList<Integer>(); 2、List常用的遍历方法有三种&#xff1a; &#xff08;1&#xff09;下标循环 [java] view plainfo…

分层设计 --java中的几种包

对于刚接触包分层的同学&#xff0c;下面简单介绍一下java中各个层次&#xff1a; Modle 模型层 &#xff1a;存放你的实体类 dao&#xff1a;主要做数据库的交互工作&#xff0c;具体的增删改查等方法&#xff0c;操作数据库的&#xff1b;这里也可以存放查询所有的信息接口 …

Spring远程支持和开发RMI服务

Spring远程支持简化了启用远程服务的开发。 当前&#xff0c;Spring支持以下远程技术&#xff1a;远程方法调用&#xff08;RMI&#xff09;&#xff0c;HTTP调用程序&#xff0c;Hessian&#xff0c;Burlap&#xff0c;JAX-RPC&#xff0c;JAX-WS和JMS。 远程方法调用&#xf…

cesium绘制网格_Cesium学习笔记-工具篇37-风场绘制

这两天重新接触到流场&#xff0c;于是研究下&#xff0c;在大牛们的轮子上也算实现了效果&#xff1a;1二维2三维主要参考以下三篇文章&#xff1a;《WebGL风向图》给出制作风向图通常步骤&#xff1a;1. 在屏幕上生成一系列随机粒子位置并绘制粒子。2. 对于每一个粒子&#x…

ToString:身份哈希码的十六进制表示形式

我以前在方便的Apache Commons ToStringBuilder上写过博客&#xff0c;最近有人问我&#xff0c;在生成的String输出中出现的看似神秘的文本是什么构成的。 询问该问题的同事正确地推测出他正在查看的是哈希码&#xff0c;但与他实例的哈希码不匹配。 我解释说ToStringBuilder将…

HTML+CSS笔记 CSS中级 缩写入门

盒子模型代码简写回忆盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的&#xff1a;上右下左。语法:margin:10px 15px 12px 14px;/*上设置为10px、右设置为15px、下设置为12px、左设置为14px*/通常有三种缩写的方法:1、…

JavaScript学习随记——常见全局对象属性及方法

<script type"text/javascript" charset"utf-8">//全局对象&#xff1a; Object、Array、Math等/*** 全局的方法&#xff1a;* 1.encodeURI、escape、decodeURIComponet 编码* 2.decodeURI、unescape、encodeURIComponet 解码* 3.parseInt、parseF…

spring boot 定时任务

package com.ict.conf; import org.springframework.context.annotation.Configuration; import org.springframework.scheduling.annotation.EnableScheduling; import org.springframework.scheduling.annotation.Scheduled;Configuration EnableScheduling // 启用定时任务 …

搬运机器人举杯贺所需的条件_智能搬运机器人比赛规则

附件4&#xff1a;分拣机器人(智能搬运机器人)比赛规则1、比赛目的设计一个轮式或人形小型机器人&#xff0c;在比赛场地里移动&#xff0c;将不同颜色、形状或者材质的物体分类搬运到不同的对应位置。比赛的记分根据机器人将物体放置的位置精度和完成时间来决定分值的高低。它…

我们多么想要新的Java日期/时间API?

当前的Java.net 民意测验问题是&#xff1a;“ 对于用Java 8实现的JSR-310&#xff08;新的日期和时间API&#xff09;有多重要&#xff1f; ”在我撰写本文时&#xff0c;将近150位受访者投了赞成票&#xff0c;绝大多数人回答“非常”&#xff08;53&#xff05;&#xff09;…

JavaScript学习随记——Function

每个函数都是Function类型的实例&#xff0c;而且都与其他引用类型一样具有属性和方法。由于函数是对象&#xff0c;因此函数名实际上也是一个指向函数对象的指针&#xff0c;不会于某个函数绑定。 函数的定义方式 <script type"text/javascript" charset"ut…

登录id 黑苹果_黑苹果MacOSCatalina无法登录AppStore修复

先上图&#xff1a;惨红色的提示信息&#xff0c;把你拒之App Store门外&#xff0c;但是对之放弃、不与之斗争不是我们的节奏&#xff0c;请看破敌攻略&#xff1a;1.查看你的“关于本机”-->“概览”-->“系统报告”&#xff0c;如图&#xff1a;找到你的“网络”-->…

我们三十以后才明白

当我们懂得珍惜时光的时候,已经发现自己不再年轻. 三十岁,才慢慢的明白. 男女三十而立&#xff0c;三十岁应该是人生的转折点&#xff0c;它不是青春韶华的终结&#xff0c;而是生命的第二起跑线。 三十岁&#xff0c;面对的不应该是没落&#xff0c;而是认知的新起点。很多曾…

Web开发的入门指导

Web开发的入门指导web开发编程技术你点开此文&#xff0c;说明你对Web开发是有兴趣的&#xff0c;或者你正在思考开始学习Web开发。在这里&#xff0c;我会告诉你成为一名Web开发者的路线&#xff0c;是对初学者关于Web开发的指导。这篇文章不会教你如何写代码&#xff0c;而是…

新东方mti百科知识pdf_20南航翻硕mti初试417上岸经验贴

南京航空航天大学mti初试417分排名第一:‌基础英语88:1&#xff0c;外刊阅读:从2月到6月开始一直打卡外刊app&#xff0c;友邻优课&#xff0c;流利阅读等2&#xff0c;背单词:扇贝单词app&#xff0c;新东方专八单词绿皮书&#xff0c;华研专八单词等3&#xff0c;星火专八阅读…

JavaScript学习随记——属性类型

<!DOCTYPE HTML> <html><head><meta http-equiv"Content-Type" content"text/html; charsetutf-8" /><title>属性类型</title></head> <body><script type"text/javascript" charset"…