位置: 编程技术 - 正文

跟我学习javascript的for循环和for...in循环(java教程 视)

编辑:rootadmin

推荐整理分享跟我学习javascript的for循环和for...in循环(java教程 视),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:java script课程,教程java,java教程,java script怎么学,java script,java script,java教程,java learning,内容如对您有帮助,希望把文章链接给更多的朋友!

大家都知道在JavaScript中提供了两种方式迭代对象:

for 循环; for..in循环;

一、for循环

不足:

在于每次循环的时候数组的长度都要去获取;终止条件要明确;在for循环中,你可以循环取得数组或是数组类似对象的值,譬如arguments和HTMLCollection对象。通常的循环形式如下:

这种形式的循环的不足在于每次循环的时候数组的长度都要去获取下。这回降低你的代码性能,尤其当myarray不是数组,而是一个HTMLCollection对象的时候。

HTMLCollections指的是DOM方法返回的对象,例如:

document.getElementsByName()document.getElementsByClassName()document.getElementsByTagName()

还有其他一些HTMLCollections,这些是在DOM标准之前引进并且现在还在使用的。有:

document.images: 页面上所有的图片元素document.links : 所有a标签元素document.forms : 所有表单document.forms[0].elements : 页面上第一个表单中的所有域

集合的麻烦在于它们实时查询基本文档(HTML页面)。这意味着每次你访问任何集合的长度,你要实时查询DOM,而DOM操作一般都是比较昂贵的。

这就是为什么当你循环获取值时,缓存数组(或集合)的长度是比较好的形式,正如下面代码显示的:

这样,在这个循环过程中,你只检索了一次长度值。

在所有浏览器下,循环获取内容时缓存HTMLCollections的长度是更快的,2倍(Safari3)到倍(IE7)之间。//此数据貌似很老

注意到,当你明确想要修改循环中的集合的时候(例如,添加更多的DOM元素),你可能更喜欢长度更新而不是常量。

伴随着单var形式,你可以把变量从循环中提出来,就像下面这样:

这种形式具有一致性的好处,因为你坚持了单一var形式。不足在于当重构代码的时候,复制和粘贴整个循环有点困难。例如,你从一个函数复制了一个循环到另一个函数,你不得不去确定你能够把i和max引入新的函数(如果在这里没有用的话,很有可能你要从原函数中把它们删掉)。

最后一个需要对循环进行调整的是使用下面表达式之一来替换i++。

JSLint提示您这样做,原因是++和?-促进了“过分棘手(excessive trickiness)”。如果你直接无视它,JSLint的plusplus选项会是false(默认是default)。

两种变化的形式:

少了一个变量(无max) 向下数到0,通常更快,因为和0做比较要比和数组长度或是其他不是0的东西作比较更有效率

这些小的改进只体现在性能上,此外JSLint会对使用i?-加以抱怨。

二、for …in 循环—也被称为“枚举”

for …in 循环经常用来迭代对象的属性或数组的每个元素,for…in循环中的循环计数器是字符串,而不是数字。它包含当前属性的名称或当前数组元素的索引。 下面直接上几个例子:

当遍历一个对象的时候,变量 i 也就是循环计数器 为 对象的属性名 :

跟我学习javascript的for循环和for...in循环(java教程 视)

执行结果为:

name

age

address

当遍历一个数组的时候,变量 i 也就是循环计数器 为 当前数组元素的索引 :

执行结果:

0

1

2

但是,现在看来for .. in循环还挺好用啊,不过,别高兴太早,看看下面的例子:

运行结果:

admin

manager

db

zhangsan 咦,奇观了,怎么平白无故的冒出来一个zhangsan 现在,再看看使用 for循环会怎样?

运行结果:

admin

manager

db 哦, 现在明白了,for..in循环会把某个类型的原型(prototype)中方法与属性给遍历出来,所以这可能会导致代码中出现意外的错误。为了避免这个问题,我们可以使用对象的hasOwnProperty()方法来避免这个问题,如果对象的属性或方法是非继承的,那么hasOwnProperty() 方法返回true。即这里的检查不涉及从其他对象继承的属性和方法,只会检查在特定对象自身中直接创建的属性。

运行结果:

admin

manager

db 另外一种使用hasOwnProperty()的形式是取消Object.prototype上的方法。像这样:

其好处在于在man对象重新定义hasOwnProperty情况下避免命名冲突。也避免了长属性查找对象的所有方法,你可以使用局部变量“缓存”它。

严格来说,不使用hasOwnProperty()并不是一个错误。根据任务以及你对代码的自信程度,你可以跳过它以提高些许的循环速度。但是当你对当前对象内容(和其原型链)不确定的时候,添加hasOwnProperty()更加保险些。

格式化的变化(通不过JSLint)会直接忽略掉花括号,把if语句放到同一行上。其优点在于循环语句读起来就像一个完整的想法(每个元素都有一个自己的属性”X”,使用”X”干点什么):

标签: java教程 视

本文链接地址:https://www.jiuchutong.com/biancheng/384645.html 转载请保留说明!

上一篇:js实现模拟银行卡账号输入显示效果(java模拟银行存款功能)

下一篇:js操作table元素实现表格行列新增、删除技巧总结(js table)

  • 收到上年度所得税返还会计分录
  • 亏损企业如何填报企业所得税
  • 有经营许可无道路运输证罚多少钱
  • 建筑发票开具与土增税扣有什么关系?
  • 股权激励费用怎么摊销
  • 发票没有写纳税人识别号可以吗
  • 收到以前年度的货款分录
  • 一般纳税人销项开普票,进项票可以抵扣吗
  • 跨国避税
  • 处置全资子公司税务处理
  • 公司车辆过户给公司
  • 差旅费补助计入什么科目
  • 公司买货车可以分期付款吗
  • 城市基础设施配套费 契税
  • 携税宝可以全额抵扣吗
  • 财税[2012]15
  • 企业房屋管理办法
  • 应付职工薪酬会计科目怎么做
  • 企业的其他业务收入主要核算
  • 网络科技定额发票怎么做分录?
  • 无票收入报税后,后期又开票出去怎么处理?
  • 增值税纳税申报表在哪里查询
  • 实验设备折旧率
  • 政府专项拨款账务处理
  • 非营利组织属于企业吗
  • 企业贷款的利息都是固定的吗
  • 销售额的意思
  • macxi
  • 利润分配未分配利润期末有余额吗
  • 主营业务成本计入成本类账户吗
  • 周转材料计划成本会计分录
  • 小规模纳税人纳税期限
  • jQuery+Ajax+PHP“喜欢”评级功能实现代码
  • 存出投资款现金流量表选什么
  • PHP:oci_fetch_assoc()的用法_Oracle函数
  • php常用设计模式(大总结)
  • 出售固定资产申报表收入与损益表收入不一致
  • 梅林澳大利亚信号好最好吗
  • 建筑行业总分包怎么算
  • 营改增之前的建筑业税率是多少
  • php cli 多线程
  • 工程实践指的是
  • 国税代开专票缴纳城建税分录
  • 增值税普通发票和专用发票有什么区别
  • 帝国cms php8.0
  • 电脑自学网
  • 员工领了备用金怎么办
  • 企业缴纳个人所得税客户端
  • 收据盖发票专用章会被处罚吗
  • 以前年度损益调整结转到哪里
  • 社会组织志愿者参观泉州华侨历史博物馆
  • 去年购进的货物怎么做账
  • 债务重组损失计入什么科目2020
  • 企业租厂房没有发票怎么做账
  • 单位购买金税盘账务处理
  • 个人如何购买定增的股票
  • 确定固定资产的标准
  • 游戏公司的主营业务成本
  • 客户将发票丢了怎么赔偿
  • 没有发票的费用怎么做凭证
  • mysql分区实现
  • 如何用U盘安装新系统
  • 双系统麻烦吗
  • 怎么卸载电脑上的迅雷软件
  • WIN7快捷键冲突怎么解决
  • win7右键没有
  • linux用yum
  • linux的命令行指的是什么
  • bat批处理脚本教程
  • web标准化
  • 用css制作网页的步骤
  • python numpy矩阵
  • css总结笔记
  • android activity回调函数
  • sdk和安卓版本
  • android synchronized
  • 什么叫开源库
  • 政府无偿划拨土地涉及的税费
  • 河北省职称证去哪里查
  • 河南省税务局领导班子名单
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设