Return to Video

For-In Loops Quiz - JavaScript Basics

  • 0:00 - 0:04
    这是还剩最后一个很有用的循环 for-in 循环
  • 0:04 - 0:08
    for-in 循环使我们可以很方便地遍历数组或对象
  • 0:08 - 0:09
    语法看起来是这样的
  • 0:09 - 0:11
    相同的关键字 for
  • 0:11 - 0:14
    我们有个迭代器 我可以把它命名为任何我们想要的名字
  • 0:14 - 0:17
    接下来有关键字 in
  • 0:17 - 0:19
    之后是一个我们想要遍历的对象或者数组
  • 0:19 - 0:22
    对于对象中的每个项目 我们都希望做点什么
  • 0:22 - 0:27
    就像之前那样 我们把 for 循环的条件放在了圆括号里
  • 0:27 - 0:30
    把我们想要执行的语句放在大括号里
  • 0:30 - 0:32
    有个重要的点需要注意 这个项目
  • 0:32 - 0:36
    也就是这个列表里的迭代器 实际上是对象里的项目的索引
  • 0:36 - 0:40
    不是处于索引位置的对象所持有的值
  • 0:40 - 0:41
    让我们来看个例子
  • 0:41 - 0:43
    我们有个名字叫 countris 的数组
  • 0:43 - 0:46
    包含了2014年世界杯的前四名队伍
  • 0:46 - 0:49
    这里有一个 for-in 循环 将对countries数组里的每个国家进行迭代
  • 0:49 - 0:53
    我们想在日志打印出国家
  • 0:53 - 0:54
    嘿 James
  • 0:54 - 0:56
    你发现这段代码中的错误了吗?
  • 0:56 - 0:59
    >> 这里只会打印出 0 到 3
  • 0:59 - 1:01
    并不是的国家名字
  • 1:01 - 1:01
    >> 这是为什么?
  • 1:01 - 1:04
    >> 因为国家只是 countries 数组里的一个迭代器
  • 1:04 - 1:06
    这不是真正的国家的值
  • 1:06 - 1:08
    >> 没错 让我们来修改一下
  • 1:08 - 1:12
    我们应当用 console.log(countries[country]) 来替代
  • 1:12 - 1:13
    让我们看看这样是否正确
  • 1:13 - 1:16
    这一行是我们的 for-in 循环
  • 1:16 - 1:19
    通过使用 Shift + 回车键 我们可以使代码以更好的格式呈现
  • 1:19 - 1:24
    所以我们可以看到 for (country in countries) ;
  • 1:24 - 1:25
    接着我按下回车键
  • 1:25 - 1:28
    我们看到了德国 阿根廷 巴西 还有荷兰
  • 1:28 - 1:32
    >> 您应当已经有了一个工作对象 其中包含了您所有的工作经历
  • 1:32 - 1:36
    我希望您可以写一个 for-in 循环 对您的工作对象中的所有工作进行迭代
  • 1:36 - 1:41
    并把他们添加到一个新的 HTMLworkStart元素中
  • 1:41 - 1:46
    我希望您还可以使用 HTMLworkEmployer 对每个工作的雇主进行格式化
  • 1:46 - 1:52
    使用 HTMLworkTitle 对每个工作头衔格式化 并把所有的内容添加到页面上
  • 1:52 - 1:53
    当您完成时 请勾选这个勾选框
タイトル:
For-In Loops Quiz - JavaScript Basics
概説:

more » « less
Video Language:
English
Team:
Udacity
プロジェクト:
ud804 - Javascript Basics
Duration:
01:54

Chinese, Simplified subtitles

改訂