- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在编辑 Chrome 的示例 oauth contacts extension
当我在 contacts.js
第 7 行遇到一个有趣的 for 循环时:
for (var i = 0, contact; contact = contacts[i]; i++) {
变量i
从未在for循环体中使用过,所以它看起来像一个典型的“for...in”循环。我尝试将 for 循环替换为
for (contact in contacts) {
但是当我运行扩展程序时,我的所有联系人都返回未定义
这是扩展中的完整 for 循环
for (var i = 0, contact; contact = contacts[i]; i++) {
var div = document.createElement('div');
var pName = document.createElement('p');
var ulEmails = document.createElement('ul');
pName.innerText = contact['name'];
div.appendChild(pName);
for (var j = 0, email; email = contact['emails'][j]; j++) {
var liEmail = document.createElement('li');
liEmail.innerText = email;
ulEmails.appendChild(liEmail);
}
div.appendChild(ulEmails);
output.appendChild(div);
}
最佳答案
它的作用是评估 contacts[i]
是什么以及它是否真实,同时缓存适用索引的数组元素。
它相当于以下代码(请注意,在此示例中 ++i
与 i++
具有相同的副作用):
for (var i = 0; contacts[i]; ++i)
{ var contact = contacts[i];
// use contact
}
这可以解释为如下所示:
!contacts[i]
为 false(即为 true),则继续循环。如果该代码的目标是迭代整个数组,那么问题是,如果您想迭代一个元素但它是假的,它将结束整个循环,而不是执行(可能)预期的操作影响。举个例子:
var foo = [1, 3, 5, 7, 9, 0, 2, 4, 6, 8];
// example for-loop given
for (var i = 0; foo[i]; ++i)
{ var bar = foo[i];
console.log('example: ' + bar);
}
// "normal" way of iterating through array
for (var i = 0, l = foo.length; i < l; ++i)
{ var bar = foo[i];
console.log('normal: ' + bar);
}
您会发现该示例仅记录到数字 9,而“正常”方式会遍历整个数组。当然,如果您可以保证数组中的所有值都是真实的(例如,所有数组元素都是对象),那么这就不是什么大问题了。
您尝试用以下代码替换该代码:
for (contact in contacts) { /*code here*/ }
但是,由于多种原因,这不起作用:
contact
是属性名称的字符串,而不是它的值。举个例子:
var foo =
{ bar1: 1
, bar2: 2
, bar3: 3
, bar4: 4
, bar5: 5 };
for (var i in foo) console.log(i);
您返回的是属性名称(即“bar1,bar2...”)而不是值。要对对象执行此操作,您必须执行如下操作:
for (var i in foo)
{ var bar = foo[i];
console.log(bar);
}
现在您应该在不同的行上返回“1,2,3,4,5”。如果你明白了这一点,以及其他一些事情,你可能已经在 Object.prototype
上定义了项目 - 这就是为什么它通常是一个坏主意,除非它确实使代码更清晰,并且有大量的内容这样做的目的。要过滤掉这些内容,请添加 hasOwnProperty()
检查:
for (var i in foo) if (foo.hasOwnProperty(i))
{ var bar = foo[i];
console.log(bar);
}
即将推出的 ECMAScript 版本(JavaScript 的“标准”版本,减去 DOM)将具有称为 for-of 循环的功能,这将使执行此类操作变得更加容易。
For-in 循环通常不适用于数组(它是可能的,但通常不是一个好主意)。如果您需要使用 for-in,您可能应该使用对象 - 所有数组都是对象,只是数组具有特殊的内部 length
属性和一些其他内容。
contact
是一个隐含的全局性大禁忌。事实上,隐含的全局变量 are banned in strict mode 。使用变量声明(在 for-in 循环内部或外部,无关紧要)来解决此问题。
它只是学习 JavaScript 的工作原理以及在哪里应用它的各种方法来完成任务 - 有些方法比其他方法更适合特定情况。
关于Chrome 示例扩展中的 Javascript for...in 循环,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18571266/
这个问题在这里已经有了答案: 关闭 11 年前。 Possible Duplicate: Sample data for IPv6? 除了 wireshark 在其网站上提供的内容之外,是否有可以下
我正在寻找可以集成到现有应用程序中并使用多拖放功能的示例或任何现成的解决方案。我在互联网上找到的大多数解决方案在将多个项目从 ListBox 等控件拖放到另一个 ListBox 时效果不佳。谁能指出我
我是 GATE Embedded 的新手,我尝试了简单的示例并得到了 NoClassDefFoundError。首先我会解释我尝试了什么 在 D:\project\gate-7.0 中下载并提取 Ga
是否有像 Eclipse 中的 SWT 示例那样的多合一 JFace 控件示例?搜索(在 stackoverflow.com 上使用谷歌搜索和搜索)对我没有帮助。 如果它是一个独立的应用程序或 ecl
我找不到任何可以清楚地解释如何通过 .net API(特别是 c#)使用谷歌计算引擎的内容。有没有人可以指点我什么? 附言我知道 API 引用 ( https://developers.google.
最近在做公司的一个项目时,客户需要我们定时获取他们矩阵系统的数据。在与客户进行对接时,提到他们的接口使用的目前不常用的BASIC 认证。天呢,它好不安全,容易被不法人监听,咋还在使用呀。但是没办法呀,
最近在做公司的一个项目时,客户需要我们定时获取他们矩阵系统的数据。在与客户进行对接时,提到他们的接口使用的目前不常用的BASIC 认证。天呢,它好不安全,容易被不法人监听,咋还在使用呀。但是没办法呀,
我正在尝试为我的应用程序设计配置文件格式并选择了 YAML。但是,这(显然)意味着我需要能够定义、解析和验证正确的 YAML 语法! 在配置文件中,必须有一个名为 widgets 的集合/序列。 .这
你能给我一个使用 pysmb 库连接到一些 samba 服务器的例子吗?我读过有类 smb.SMBConnection.SMBConnection(用户名、密码、my_name、remote_name
linux服务器默认通过22端口用ssh协议登录,这种不安全。今天想做限制,即允许部分来源ip连接服务器。 案例目标:通过iptables规则限制对linux服务器的登录。 处理方法:编
我一直在寻找任何 PostProjectAnalysisTask 工作代码示例,但没有看。 This页面指出 HipChat plugin使用这个钩子(Hook),但在我看来它仍然使用遗留的 Po
我发现了 GWT 的 CustomScrollPanel 以及如何自定义滚动条,但我找不到任何示例或如何设置它。是否有任何示例显示正在使用的自定义滚动条? 最佳答案 这是自定义 native 滚动条的
我正在尝试开发一个 Backbone Marionette 应用程序,我需要知道如何以最佳方式执行 CRUD(创建、读取、更新和销毁)操作。我找不到任何解释这一点的资源(仅适用于 Backbone)。
关闭。这个问题需要details or clarity .它目前不接受答案。 想改进这个问题?通过 editing this post 添加详细信息并澄清问题. 去年关闭。 Improve this
我需要一个提交多个单独请求的 django 表单,如果没有大量定制,我找不到如何做到这一点的示例。即,假设有一个汽车维修店使用的表格。该表格将列出商店能够进行的所有可能的维修,并且用户将选择他们想要进
我有一个 Multi-Tenancy 应用程序。然而,这个相同的应用程序有 liquibase。我需要在我的所有数据源中运行 liquibase,但是我不能使用这个 Bean。 我的应用程序.yml
我了解有关单元测试的一般思想,并已在系统中发生复杂交互的场景中使用它,但我仍然对所有这些原则结合在一起有疑问。 我们被警告不要测试框架或数据库。好的 UI 设计不适合非人工测试。 MVC 框架不包括一
我正在使用 docjure并且它的 select-columns 函数需要一个列映射。我想获取所有列而无需手动指定。 如何将以下内容生成为惰性无限向量序列 [:A :B :C :D :E ... :A
$condition使用说明和 $param在 findByAttributes在 Yii 在大多数情况下,这就是我使用 findByAttributes 的方式 Person::model()->f
我在 Ubuntu 11.10 上安装了 qtcreator sudo apt-get install qtcreator 安装的版本有:QT Creator 2.2.1、QT 4.7.3 当我启动
我是一名优秀的程序员,十分优秀!