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

JavaScript少儿编程教程-第10课-字符串的长度和截取

趣学JS趣学JS JavaScript编程教程 2018-01-25 2,368 0
JavaScript少儿编程教程-第10课-字符串的长度和截取-少儿编程教育网

JavaScript少儿编程教程-目录

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

·查找字符串的长度

要得到一个字符串的长度,只要在字符串的末尾加上.length。

“hahahahaha”.length;

10

可以在实际的字符串或者包含字符串的变量后面加上.length。

JavaScript少儿编程教程-第10课-字符串的长度和截取-少儿编程教育网

这里,把字符串“Java”赋值给变量java,把字符串“Script”赋值给变量Script。然后在每个变量的末尾加上.length,以获取每个字符串的长度以及组合字符串的长度。

注意,我说的是可以在“实际的字符串或者包含字符串的变量”后面加上.length。这说明了关于变量的一件很重要的事情:任何可以使用数字或字符串的地方,也可以使用包含数字或字符串的变量。

·从字符串中获取单个字符

有时你想要从一个字符串中获取单个字符,例如,我们可能有一个密码,是由单词列表中每个单词的第2个字母组成。我们需要只取每个单词的第2个字符,并且把它们连接在一起来创建一个新的单词。

使用方括号([ ])从一个字符串中获取指定位置的字符,在字符串或包含字符串的变量的末尾,把需要的字符的编号放到一对方括号中,例如,要获取myName的第一个字符,使用myName[0],如下所示:

JavaScript少儿编程教程-第10课-字符串的长度和截取-少儿编程教育网

注意,要获取字符串的第一个字符,使用0而不是1.这是因为JavaScript(就像很多其他编程语言一样)从0开始计数,这意味着,当我们想要得到字符串的第一个字符时,使用0;当想要得到第二个字符时,使用1;以此类推。

我们来试着找出密码,其信息隐藏在一些单词中,从一系列单词中找到神秘的信息,如下所示:

JavaScript少儿编程教程-第10课-字符串的长度和截取-少儿编程教育网

再提醒一下,注意,要获取每个字符串的第2个字符,使用的编号是1。

·截取字符串

要“截取”一大串字符,可以使用slice。例如,你可能想要从一个较长影评中抓取一些内容作为一个预告,显示在Web站点上,使用slice,要在字符串(或者包含字符串的变量)后边放一个点,后面跟着单词slice和一对圆括号。在括号里边,输入想要截取的字符串的开始位置和结束位置,之间用逗号隔开,图2-2展示了如何使用slice。

有两个数字,设置要截取的开始位置和结束位置。

JavaScript少儿编程教程-第10课-字符串的长度和截取-少儿编程教育网

图2-2 如何使用slice从一个字符串中截取字符

例如:

JavaScript少儿编程教程-第10课-字符串的长度和截取-少儿编程教育网

括号中的第一个数字是要截取的字符串的开始字符位置,第二个数字是要截取字符串的最后一个字符位置,图2-3展示了这次获取的字符,开始位置是3,结束位置是14,开始位置和结束位置都用蓝色字体高亮显示。

JavaScript少儿编程教程-第10课-字符串的长度和截取-少儿编程教育网JavaScript少儿编程教程-第10课-字符串的长度和截取-少儿编程教育网

图2-3  灰色方框中展示的是slice截取的字符

这里,我们告诉JavaScript,“从这个长字符串的位置3开始,一直到位置14结束,提取字符串的一段”。如果在slice后面的括号中只有一个数字,将从字符串的这个位置开始截取,到字符串末尾结束。

 

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

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

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

JavaScript少儿编程教程-第9课-变量的字符串和连接

下一篇

爸爸教我学Python编程-第10课-四大基本数学运算

猜你喜欢

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

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

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

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

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

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

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

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

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

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

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

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

趣学JS
趣学JS作者

我真的不是自黑!

中国STEAM教育2018年度风云榜

微信公众号

推荐专题

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

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

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

    查看专题

猜你喜欢

  • 2017 中国STEAM教育年度风云榜 榜单揭晓!
    2018-01-01

    2017 中国STEAM教育年度风云榜 榜单揭晓!

  • App Inventor编程教程-第22课-定义过程与代码复用

    App Inventor编程教程-第22课-定义过程与代码复用

    2018-01-22
  • App Inventor编程教程-第7课-巴黎地图旅游

    App Inventor编程教程-第7课-巴黎地图旅游

    2017-09-05
  • 六、高校自主招生对理科竞赛要求汇总,市奖也有机会!

    六、高校自主招生对理科竞赛要求汇总,市奖也有机会!

    2018-07-19
  • 2017中国STEAM教育发展报告,教育现状及未来发展趋势

    2017中国STEAM教育发展报告,教育现状及未来发展趋势

    2017-10-23

热门文章

  • 9个青少儿防疫问题,北京大学国际医院儿科专家权威解答!
    2020-02-08 45,231

    9个青少儿防疫问题,北京大学国际医院儿科专家权威解答!

热门标签

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

微信公众号

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

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

大家都在搜

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

关注我们的公众号

微信公众号