JavaScript中string对象


Posted in Javascript onJune 12, 2015

一.String:存储一个字符串,并且提供处理字符串需要的属性和方法。

1.创建String对象:显示和隐式

<DOCTYPE html>
<html>
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
  <head>
    <title>js函数</title>
  </head>
  <script type="text/javascript">
     //申明String对象的两种方式:显式和隐式申明
     //1.隐式
     var myString="abc";
     document.write(myString+"<br/>");
     //2.显式
     var myString2=new String("abc");
     document.write(myString2+"<br/>");
  </script>
  <body>
  
  </body>
</html>

*显式和隐式申明String对象,类型不一样:隐式申明的string对象,类型是string,而显式申明的string对象,类型是object。

*显式与隐式创建字符串真正的区别是,如果你要重复使用同样的字符串,显式地创建字符串,有更高的效率;

*显式地创建字符串,还有利于JavaScript解释器混淆数字和字符串;

2.使用String对象的方法

String对象,有许多方法,这里只讨论两个。indexOf()和substring()方法;注意大小写。

*需要知道的:JavaScript字符串,是由字符组成的。这些字符的每一个都有一个索引。这个索引是从0开始的,所以第一个位置的索引是0;第二个是1,以此类推。

*方法indexOf()查找并返回子字符串起始的索引位置,如果查找的元素不存在,就返回-1,否则返回这个字符所在的索引。(lastIndexOf则返回子字符串结束的位置)

下面写一个判断用户数输入的Email地址中,是否包含@符号的例子:

<DOCTYPE html>
<html>
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
  <head>
    <title>js函数</title>
  </head>
  <script type="text/javascript">
     //让用户输入Email地址,检查输入是否包含@符号
     //使用prompt方法,获取用户输入的Email地址,检查是否包含@符号,使用indexof返回@符号的索引
     var userInput=prompt("Please enter your email address","Email");
     if(Number(userInput.indexOf("@"))==-1)
     {
      document.write("对不起,您输入的Email不合法");
     }
     else
     {
     document.write("恭喜您,您输入的Email通过验证");
     }
  </script>
  <body>
  </body>
</html>

substring()方法,使用字符串的起始位置和结束位置的索引作为参数,从另一个字符串中截取一个字符串。可以不使用第二个参数,来返回,从第一个索引到字符串结束的所有字符串。比如,我们要截取从第三个到第六个字符的所有字符,可以这样写:

<DOCTYPE html>
<html>
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
  <head>
    <title>js函数</title>
  </head>
  <script type="text/javascript">
    //从起始位置,到结束位置
    var myhello="Hello Javascript World";
    var newMyhello= myhello.substring(0);
    document.write(newMyhello+"<br/>");
    //从第三个字符到第六个字符
     var myhello="Hello Javascript World";
    var newMyhello= myhello.substring(2,5);
    document.write(newMyhello+"<br/>");
  </script>
  <body>
  </body>
</html>

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
用js实现的仿sohu博客更换页面风格(简单版)
Mar 22 Javascript
利用js实现遮罩以及弹出可移动登录窗口
Jul 08 Javascript
jQuery 自定义下拉框(DropDown)附源码下载
Jul 22 Javascript
在网页中插入百度地图的步骤详解
Dec 02 Javascript
js实现漫天星星效果
Jan 19 Javascript
JS 实现随机验证码功能
Feb 15 Javascript
详解基于 axios 的 Vue 项目 http 请求优化
Sep 04 Javascript
vue-cli 自定义指令directive 添加验证滑块示例
Oct 19 Javascript
200行代码实现blockchain 区块链实例详解
Mar 14 Javascript
json数据格式常见操作示例
Jun 13 Javascript
React中使用UMEditor的方法示例
Dec 27 Javascript
详解微信小程序「渲染层网络层错误」的解决方法
Jan 06 Javascript
JavaScript中用toString()方法返回时间为字符串
Jun 12 #Javascript
ECMAScript6中Map/WeakMap详解
Jun 12 #Javascript
JavaScript中Date.toSource()方法的使用教程
Jun 12 #Javascript
ECMAScript6中Set/WeakSet详解
Jun 12 #Javascript
JavaScript中的toLocaleDateString()方法使用简介
Jun 12 #Javascript
ECMAScript6块级作用域及新变量声明(let)
Jun 12 #Javascript
JavaScript中的toDateString()方法使用详解
Jun 12 #Javascript
You might like
PHP命名空间(Namespace)简明教程
2014/06/11 PHP
Laravel 5框架学习之Eloquent 关系
2015/04/09 PHP
PHP书写格式详解(必看)
2016/05/23 PHP
php+mongodb判断坐标是否在指定多边形区域内的实例
2016/10/28 PHP
javascript this用法小结
2008/12/19 Javascript
一个可以随意添加多个序列的tag函数
2009/07/21 Javascript
jQuery弹出层始终垂直居中相对于屏幕或当前窗口
2013/04/01 Javascript
JQuery中SetTimeOut传参问题探讨
2013/05/10 Javascript
jquery弹出关闭遮罩层实例
2013/08/06 Javascript
JavaScript中document.forms[0]与getElementByName区别
2015/01/21 Javascript
初步了解javascript面向对象
2015/11/09 Javascript
举例讲解如何判断JavaScript中对象的类型
2016/04/22 Javascript
JavaScript 弹出子窗体并返回结果到父窗体的实现代码
2016/05/28 Javascript
利用Jasmine对Angular进行单元测试的方法详解
2017/06/12 Javascript
基于Bootstrap的标签页组件及bootstrap-tab使用说明
2017/07/25 Javascript
vue-router路由与页面间导航实例解析
2017/11/07 Javascript
Koa2微信公众号开发之消息管理
2018/05/16 Javascript
vue头部导航动态点击处理方法
2018/11/02 Javascript
JS定义函数的几种常用方法小结
2019/05/23 Javascript
浅谈对yield的初步理解
2017/05/29 Python
python使用pandas实现数据分割实例代码
2018/01/25 Python
python生成器,可迭代对象,迭代器区别和联系
2018/02/04 Python
Python判断两个list是否是父子集关系的实例
2018/05/04 Python
PyCharm配置mongo插件的方法
2018/11/30 Python
Python脚本完成post接口测试的实例
2018/12/17 Python
Python爬虫beautifulsoup4常用的解析方法总结
2019/02/25 Python
python3.7 使用pymssql往sqlserver插入数据的方法
2019/07/08 Python
numpy中的meshgrid函数的使用
2019/07/31 Python
Python3查找列表中重复元素的个数的3种方法详解
2020/02/13 Python
Python3 assert断言实现原理解析
2020/03/02 Python
linux 下selenium chrome使用详解
2020/04/02 Python
英国在线发型和美容产品商店:Beauty Cutie
2019/04/27 全球购物
高考励志标语
2014/06/05 职场文书
2016大学迎新欢迎词
2015/09/29 职场文书
HR必备:销售经理聘用合同范本
2019/08/21 职场文书
python中的plt.cm.Paired用法说明
2021/05/31 Python