• 首页
  • 教育理念
  • 文章专题
  • 编程教程
    • – Scratch编程教程
    • – AppInventor编程
    • – Python编程教程
    • – NOIP信息学奥赛
    • – C/C++编程教程
    • – JS编程教程
  • 少儿编程学院
    • – 在线课程
    • – 学院名师
    • – 动态资讯
  • 少儿编程社区
    • – 在线编程
    • – 编程作品
    • – 专题创作
  • 更多
    • – APP客户端
    • – 关于我们
    • – 寻求合作
    • – 少儿编程联盟
投稿 登录 注册
  • 首页
  • 文章专题
  • 教育理念
  • 编程教程
  • 少儿编程学院
  • 微信公众号
  • APP客户端
少儿编程学院
少儿编程教育-微信公众号
首页 › 编程教程 › JavaScript编程教程 › 正文
JavaScript教程JavaScript编程编程教程编程教育

JavaScript少儿编程教程-第15课-创建数组和访问数

趣学JS趣学JS JavaScript编程教程 2018-03-13 2,568 0
JavaScript少儿编程教程-第15课-创建数组和访问数-少儿编程教育网

JavaScript少儿编程教程-目录

诸如Gmail、Facebook和Twitter等Web站点,都使用JavaScript使得发送邮件、发布评论或浏览W ...

·创建数组

创建数组只需要使用方括号[]即可。实际上,一个空的数组只是一对方括号而已,如下所示:

[];

[]

但是谁会关心一个空的数组呢?让我们用恐龙来填充这个数组。

要创建一个带有值的数组,在方框号中输入用逗号隔开的值。可以把数组中单个的值称为项或者元素。在这个示例中,元素是字符串(最喜欢的恐龙的名称),所以我们给它们加上引号,把数组保存在另一个名为dinosaurs的变量中:

var dinosaurs = [“T-Rex”, “velpciraptor”, “stegosaurus”,

“xxx”, “yyy”, “zzz”]

注意:这是一本书,而且页面也只有这么宽,所以我们无法把整个数组放在一行中。 表示由于而面太窄,把代码放到另外的一行中,当你把这些代码录入到计算机中时,可以把它们录入到同一行中。

一行中放入很长的列表可能会很难阅读,不过好在不是只有一种方式来格式化(或布局)数组。也可以这样来格式化数组:在一行中放置一个开始的方括号,数组中的每个列表战据一行,最后是一个结束方括号,如下所示:

var dinosaurs = [

“T-Rex”,

“velpciraptor”,

“stegosaurus”,

“xxx”,

“yyy”,

“zzz”

];

如果你想把这么长的内容输入到浏览器的控制台中,换行时需要按住Shift键的同时按下Enter键。否则Javascript解释器会认为你想要执行当前不完整的这一行。当我们在解释器中工作时,把数组写在一行中会更为容易。无论你是选择以一行还是多行的格式来表示数组,对于Javascript都是一样的。在这个示例中,尽管我们使用了许多换行符,但是Javascript只看到包含了9个字符串的一个数组。

·访问数组元素

当访问数组中的元素时,使用方括号加上想要的元素索引,如下例所示:

dinosaurs[0];

“T-Rex”

dinosaurs[3];

xxx

索引是和数组中保存值的位置相对应(匹配)的数字。就像字符串一样,数组中第一个元素的索引是0,第二个元素的索引是1,第三个元素的索引是2,以此类推。这就是为什么向dinosaurs数组查询索引0会返回“T-Rex”(列表中的第1个),查询索引3会返回“Triceratops”(列表中的第4个)。

能够访问数组中单独的元素,这非常有用。例如,如果想要向某人展示最喜欢的恐龙,不需要整个dinosaurs数组,相反,只需要待展示的第一个元素。

dinosaurs[0];

“T-Rex”

 

喜欢 (0)
打赏
  • 打赏支付宝扫一扫
  • 打赏微信扫一扫
微博 微信 QQ

微信扫一扫,分享到朋友圈

微信公众号
编程少年Scratch实物积木
少儿编程教育-微信公众号
上一篇

爸爸教我学Python编程-第14课-数据的类型之改变类型

下一篇

范浩强:国家队的信息学奥赛小当家,投身人工智能产业研究

猜你喜欢

  • 教育部重磅!青少年编程能力等级考试来了!少儿编程教育全面普及!

    教育部重磅!青少年编程能力等级考试来了!少儿编程教育全面普及!

  • 亲身经历青少年AI人工智能技术等级考试!北京大学出题,工信部发证!

    亲身经历青少年AI人工智能技术等级考试!北京大学出题,工信部发证!

  • 这份1000万人收藏的计算机科学速成课,快来免费领取吧!

    这份1000万人收藏的计算机科学速成课,快来免费领取吧!

  • 小学生教你学编程,8岁上海小学生开少儿编程课爆红网络!

    小学生教你学编程,8岁上海小学生开少儿编程课爆红网络!

  • 少儿学编程好吗?为什么学少儿编程?少儿编程学什么?

    少儿学编程好吗?为什么学少儿编程?少儿编程学什么?

  • 计算机科学速成课-第6课:寄存器和内存

    计算机科学速成课-第6课:寄存器和内存

趣学JS
趣学JS作者

我真的不是自黑!

中国STEAM教育2018年度风云榜

微信公众号

推荐专题

  • 有趣的少儿编程游戏推荐

    查看专题
  • 国外优秀的少儿编程教育

    查看专题
  • S科学-T技术-E工程-M数学

    查看专题

猜你喜欢

  • 福利 | 美国IMC在线数学竞赛,一年一度免费测数学IQ!
    2018-01-21

    福利 | 美国IMC在线数学竞赛,一年一度免费测数学IQ!

  • 【NOIP提高组】初赛历年试题及答案(阅读题篇)

    【NOIP提高组】初赛历年试题及答案(阅读题篇)

    2017-09-11
  • NOIP初赛复习(十四)基本算法思想

    NOIP初赛复习(十四)基本算法思想

    2017-08-29
  • STEAM教育专题 | 源自硅谷的机器人教育机构萝卜太辣

    STEAM教育专题 | 源自硅谷的机器人教育机构萝卜太辣

    2018-09-19
  • NOIP复赛复习(八)STL算法与树结构模板

    NOIP复赛复习(八)STL算法与树结构模板

    2017-10-09

热门文章

    暂无文章

热门标签

鲨鱼公园高考改革高考加分青橙创客青少儿防疫阿部和广错误观念逻辑思维费米科学贝尔科教谷歌教育计算机科学计算机思维解决方案西瓜创客

微信公众号

热门文章 热门标签 年度归档 少儿编程教育联盟

Copyright © 2021 少儿编程教育网 粤ICP备17057575号 · Designed by shaoerbc.org

大家都在搜

  • Scratch教程
  • scratch2下载
  • Scratch编程
  • 编程思维
  • 信息学奥赛
  • STEM教育
  • 编程一小时
  • 自主招生
  • 少儿编程竞赛

关注我们的公众号

微信公众号