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 input文本框禁用右键和复制粘贴功能的代码
Apr 15 Javascript
JavaScript字符串插入、删除、替换函数使用示例
Jul 25 Javascript
JS禁用浏览器退格键实现思路及代码
Oct 29 Javascript
js菜单点击显示或隐藏效果的简单实例
Jan 13 Javascript
window.location.reload 刷新使用分析(去对话框)
Nov 11 Javascript
animate 实现滑动切换效果【实例代码】
May 05 Javascript
[原创]javascript typeof id==='string'?document.getElementById(id):id解释
Nov 02 Javascript
Three.js基础部分学习
Jan 08 Javascript
Angular中实现树形结构视图实例代码
May 05 Javascript
vue2.0 如何把子组件的数据传给父组件(推荐)
Jan 15 Javascript
vue element upload组件 file-list的动态绑定实现
Oct 11 Javascript
js前端传json后台接收‘‘被转为quot的问题解决
Nov 12 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入门
2006/10/09 PHP
MySQL相关说明
2007/01/15 PHP
PHP中的多行字符串传递给JavaScript的两种方法
2014/06/19 PHP
smarty表格换行实例
2014/12/15 PHP
PHP函数实现从一个文本字符串中提取关键字的方法
2015/07/01 PHP
ThinkPHP框架实现的MySQL数据库备份功能示例
2018/05/24 PHP
thinkPHP实现基于ajax的评论回复功能
2018/06/22 PHP
jquery UI 1.72 之datepicker
2009/12/29 Javascript
使用ImageMagick进行图片缩放、合成与裁剪(js+python)
2013/09/16 Javascript
js实现文件上传表单域美化特效
2015/11/02 Javascript
15个常用的jquery代码片段
2015/12/19 Javascript
JavaScript位移运算符(无符号) &gt;&gt;&gt; 三个大于号 的使用方法详解
2016/03/31 Javascript
js+html5实现复制文字按钮
2017/07/15 Javascript
Angular4学习笔记router的简单使用
2018/03/30 Javascript
jquery实现动态添加附件功能
2018/10/23 jQuery
[02:33]2018DOTA2亚洲邀请赛赛前采访——LGD
2018/04/04 DOTA
python socket网络编程步骤详解(socket套接字使用)
2013/12/06 Python
Python下的Mysql模块MySQLdb安装详解
2014/04/09 Python
Python中的条件判断语句基础学习教程
2016/02/07 Python
python3中str(字符串)的使用教程
2017/03/23 Python
Django中间件工作流程及写法实例代码
2018/02/06 Python
Python面向对象之私有属性和私有方法应用案例分析
2019/12/31 Python
Centos7下源码安装Python3 及shell 脚本自动安装Python3的教程
2020/03/07 Python
Opencv常见图像格式Data Type及代码实例
2020/11/02 Python
如何通过python计算圆周率PI
2020/11/11 Python
HTML5中微数据概述及在搜索引擎中的使用举例
2013/02/07 HTML / CSS
HTML5 在canvas中绘制矩形附效果图
2014/06/23 HTML / CSS
移动端html5 meta标签的神奇功效
2016/01/06 HTML / CSS
德国大型箱包和皮具商店:Koffer
2019/10/01 全球购物
大学生职业生涯规划书模板
2014/01/18 职场文书
数学检讨书1000字
2014/02/24 职场文书
法律七进实施方案
2014/03/15 职场文书
机关作风建设心得体会
2014/10/22 职场文书
办公室岗位职责
2015/02/04 职场文书
装修公司工程部经理岗位职责
2015/04/09 职场文书
分析Netty直接内存原理及应用
2021/06/14 Java/Android