javascript入门之string对象【新手必看】

 更新时间:2016年11月22日 11:10:06   作者:逆心  
本片文章主要介绍String 对象的属性方法等并进行举例说明,小编认为对大家学习JavaScript是有所帮助的,需要朋友的可以看下

一、String 对象

    String 对象用于处理文本(字符串)。

二、构造函数

  new String(value)    //构造函数
  function String(value)  //转换函数

三、属性

  length  该字符串中的字符数

      var str = new String("abcdefg");
      document.write(str.length);   //输出 7

四、方法

  1、chatAt()  取出一个字符串中指定位置的字符。

      var str = new String("abcdefg");
      document.write(str.charAt(1));   //输出 b

  2、chatCodeAt()  返回一个字符串中指定位置的字符的编码。

      var str = new String("abcdefg");
      document.write(str.charCodeAt(1));   //输出 98

  3、concat()  将一个或多个值连接成一个字符串。

      var str = new String("abcdefg");
      var str1 = "hijk";
      document.write(str.concat(str1));   //输出 abcdefghijk

  4、indexOf()  在指定的字符串中寻找一个字符或字串的位置。如果没有找到返回-1

  语法: indexOf(str)      str:子串或字符

      indexOf(str,start)  str:子串或字符。start:指定搜索的开始位置

      var str = new String("abccba");
      document.write(str.indexOf('b'));   //输出 1
    document.write(str.lastIndexOf("bc"));   //输出 1

  用该方法实现Contains效果,判断一个字符串是否包含另一个字符串:

<script type="text/javascript">
    window.onload = function () {
      var str1 = "刘备";
      var str2 = "刘备是个牛人!";
      alert(str2.indexOf(str1)); //输出 0 出现的位置
      if (str2.indexOf(str1) > -1) {
        alert("包含!");
      }
      else {
        alert("不包含!");
      }
    }
  </script>

     5、lastIndexOf()  在指定的字符串中向后(倒序)寻找一个字符或字串的位置。如果没有找到返回-1

  语法: lastIndexOf(str)      str:子串或字符

      lastIndexOf(str,start)  str:子串或字符。start:指定搜索的开始位置

      var str = new String("abccba");
      document.write(str.lastIndexOf('b'));   //输出 4

  6、localeCompare()  使用本地定义的顺序比较字符串。

      var str = "abccba";
      document.write(str.localeCompare("bc"));  //输出 -1

  7、match()    使用正则表达式执行模式匹配。

  8、replace()    使用正则表达式执行查找与替换操作。

      var str = "abccba";
      document.write(str.replace("b","-"));  //输出 a-ccba

  9、search()    在一个字符串中查找匹配某个正则表达式的字串。

      var str = "abccba";
      document.write(str.search("b"));  //输出 1

  10、slice()     返回字符串的一个切片或字串。如果 参数是负数表示从后往前数。不改变原字符串。

      var str = "abcdefg";
      document.write(str.slice(2) + "<br/>"); //输出cdefg
      document.write(str);          //输出abcdefg  可以看到原字符串并没有更改。

  11、split()     用指定的分隔符字符串或正则表达式断开,返回字串数组。

      var str = "abcdefg";
      var arr = str.split("d");
      document.write(arr.join());          //输出abc,efg

  12、substr()   提取字符串的一个子串,substring()的一个变体。已弃用。

  13、substring()  提取字符串的一个子串。

    语法:substring(start,end)  从start开始,到end结束,包括开始但不包括end。不改变原字符串。

      var str = "12345678";
      document.write(str.substring(1,4));  //输出 234

  14、toLowerCase()  返回指定字符串的一份小写副本。

      var str = "abcDEF";
      document.write(str.toLocaleLowerCase());  //输出 abcdef

  15、toString()  返回原始的字符串值。

      var str = "abcDEF";
      document.write(str.toString());  //输出 abcDEF

  16、toUpperCase()  返回指定字符串的一份大写副本。

      var str = "abcDEF";
      document.write(str.toUpperCase());  //输出 ABCDEF

  17、trim()     返回指定字符串的一份去除前后空白的副本。

      var str = "  abcDEF  ";
      document.write("11" + str.trim() + "11" + "<br/>");  //输出 11abcDEF11
      document.write("11" + str + "11");  //输出 11 abcDEF 11

  18、valueOf()   返回原始的字符串值。

      var str = "abcDEF";
      document.write(str.valueOf());  //输出 abcDEF

以上就是本文的全部内容,希望对大家有所帮助,谢谢对脚本之家的支持!

相关文章

  • 微信小程序下拉菜单效果的实例代码

    微信小程序下拉菜单效果的实例代码

    这篇文章主要介绍了微信小程序下拉菜单效果的实例代码,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-05-05
  • 微信小程序录音实现功能并上传(使用node解析接收)

    微信小程序录音实现功能并上传(使用node解析接收)

    在我们的日常开发中经常会遇到录音功能,并上传到服务器,今天小编给大家分享微信小程序录音功能实现并上传录音文件,使用node解析接收,需要的朋友可以参考下
    2020-02-02
  • layui动态渲染生成select的option值方法

    layui动态渲染生成select的option值方法

    今天小编就为大家分享一篇layui动态渲染生成select的option值方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • JavaScript中alert的使用方法超详细介绍

    JavaScript中alert的使用方法超详细介绍

    JS中的alert作用是在浏览器中弹出一个警告框,而使用alert有三种方式,不同的方式所呈现的效果也不相同,这篇文章主要给大家介绍了关于JavaScript中alert使用方法的相关资料,需要的朋友可以参考下
    2024-01-01
  • Bootstrap树形组件jqTree的简单封装

    Bootstrap树形组件jqTree的简单封装

    这篇文章主要介绍了Bootstrap树形组件jqTree的简单封装,封装一个稍微完整点的树形组件,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • JavaScript实现组件化和模块化方法详解

    JavaScript实现组件化和模块化方法详解

    这篇文章主要介绍了JavaScript实现组件化和模块化方法,模块化主要是指一个JS文件就是一个模块,向外提供特定功能的程序,组件化的中心思想其实跟模块化是大同小异的,感兴趣想要详细了解可以参考下文
    2023-05-05
  • JS幻灯片可循环播放可平滑旋转带滚动导航(自写)

    JS幻灯片可循环播放可平滑旋转带滚动导航(自写)

    本文为大家介绍下实现JS幻灯片可循环播放带滚动导航可平滑旋转的全过程,效果还不错,由需要的朋友可以参考下,希望对大家有所帮助
    2013-08-08
  • 前端小程序实现预览pdf并导出完整代码

    前端小程序实现预览pdf并导出完整代码

    这篇文章主要介绍了小程序中无法直接导出PDF或文档的解决方案,通过调用API下载文件并打开,文中通过代码介绍的非常详细,对大家的学习或者工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2025-01-01
  • js浏览器html5表单验证

    js浏览器html5表单验证

    这篇文章主要为大家详细介绍了js浏览器html5表单验证,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-10-10
  • js省市联动效果完整实例代码

    js省市联动效果完整实例代码

    这篇文章主要介绍了js省市联动效果完整实例代码,涉及JavaScript数组的定义与遍历技巧,代码非常具有实用价值,需要的朋友可以参考下
    2015-12-12

最新评论