当前位置: 首页 > news >正文

String类型的方法总结

String :字符串对象的包装类型

var stringObject = new String("wanglehui");

方法总结:

1、返回该对象表示的基本字符串值(也就是返回自身)

valueOf():返回调用对象的原型值

toLocaleString():将数组转换成本地字符串

toString():将调用对象转换成字符串/ 可把一个逻辑值转换成字符串并返回

 

2、返回字符串长度

stringObject.length():返回字符串长度

 

3、跟字符有关的方法

charAt():接受一个参数(下标位置),返回该位置的单字符字符串,若没有返回空

stringObject[x]:也可以直接通过下标像取数组值那样取(不过不建议这样做,虽然IE8+、高级浏览器都支持)

charCodeAt():和charAt()类似,只是返回的是字符编码,若越界,返回NaN

 

4、字符串操作的方法——不改变源字符串

(1)拼接字符串 concat()、“+”

concat:拼接一个或者多个字符串,返回拼接好的新字符串(实践中用的最多的是“+”,效果跟concat一样,而且方便很多)

(2)创建新字符串(返回被操作字符串的子字符串)

正常的语法:

————————————————————————————————————————————

slice(m,n):返回剪切的字符串,从下标m开始,剪切到下标n(包括m不包括n)

substring(m,n):返回剪切的字符串,从下标m开始,剪切到下标n(包括m不包括n)

substr(m,n):从下标m开始剪切n个字符

var str = "wanglehui";
            
var slice = str.slice(2,4);           //ng
var substring = str.substring(2,4);  //ng
var substr = str.substr(2,4);       //ngle

 

如果只写一个参数:

————————————————————————————————————————————

var str = "wanglehui";
            
var slice0 = str.slice(2);           //nglehui
var substring0 = str.substring(2);  //nglehui
var substr0 = str.substr(2);       //nglehui 

解释:三个方法都是从下标m开始,默认截取到字符串结尾。并返回截取的字符串

 

如果只写一个参数,而且这个参数还是负数:

————————————————————————————————————————————

var str = "wanglehui";

var slice2 = str.slice(-2);           //ui
var substring2 = str.substring(-2);  //wanglehui
var substr2 = str.substr(-2);       //ui 

解释:slice()、substr()默认是倒着数,也就是 " str.length-2 " 相当于 slice(7)、substr(7)

     substring()会把负数参数转换为0,然后返回整个字符串

 

如果写两个参数,第一个正数,第二个负数
————————————————————————————————————————————

var str = "wanglehui";

var slice3 = str.slice(2,-4);           //ngl
var substring3 = str.substring(2,-4);  //wa
var substr3 = str.substr(2,-4);       //""(空字符串)

解释:slice()仍然是遇见负数倒着数,slice(2,-4) 等于 slice(2,5),截取字符串下标为234的三个字符,如果 “ str.length-4 < 2 ” ,返回空

   substring()也仍然是将负数转化为0,substring(2,-4)  等于 substring(2,0)等于substring(0,2),会默认将较小的数作为开始位置

   substr()会将第二个负数参数转化为0,substr(2,-4) 等于 substr(2,0) ,截取长度为0,也就是返回空字符串

 

如果两个参数都是负数(建议你就别用这些方法了,这不是作死吗?哈哈....,不过我还是好奇做了下测试)

————————————————————————————————————————————

var str = "wanglehui";

var slice4 = str.slice(-2,-4);           //""(空字符串)  等于slice(7,5),返回空
var substring4 = str.substring(-2,-4);  //""(空字符串)   等于substring(0,0),返回空
var substr4 = str.substr(-2,-4);       //""(空字符串)    等于substr(7,0),返回空

解释:具体解释看以下中间小结,符合总结规律


中间小结:

  substring(m,n),遇见负数就转换为0,无论是第几个参数,然后做正常的操作。若 n < m ,会自动将较小的数作为开始位置,简称自动反转

  slice(m,n),遇见负数就倒着数,也无论是第几个参数,也就是 “ str.length -m ”、“ str.length -n ”,但是没有自动反转操作,若 n < m , 返回空

  substr(m,n),遇见负数,分情况而定,第一个参数为负,倒着数定位。第二个参数为负,自动转换为0,也就是截取0个字符,返回空。

 

5、字符串位置方法

indexOf( str[必填], location[可选] ) : 从下标为location的位置,从前往后搜索字符串“str”,并返回找到时候的下标。找不到返回-1

lastIndexOf( str[必填], location[可选] ) :从下标为location的位置,从后往前搜索字符串“ str ”,并返回找到的下标。找不到返回-1

 

6、删除字符串边缘的空格

trim():创建一个字符串副本,并删除前置和后缀的空格,然后返回处理后的字符串

trimLeft(): 创建一个字符串副本,并删除字符串前置空格,然后返回处理后的字符串

trimRight():创建一个字符串副本,并删除字符串后缀的空格,然后返回处理后的字符串

 

7、字符串的模式匹配方法

match(): 对比正则的exec(),两者返回数组一样,但使用方式正好相反(有关“捕获组”具体详见《JavaScript高级升序设计》P-106)

  match():在字符串上调用这个方法,接受参数类型(正则表达式/RegExp对象),返回包含第一个匹配信息的数组,若无返回null

  exec():在RegExp上调用这个方法,接收参数(字符串),返回包含第一个匹配信息的数组,若无,返回null

search(): 与match接受参数相同,调用方式相同。不同的是search()始终从开头开始查找,找到返回下标,找不到返回-1

replace():替换子字符串的方法,接受两个参数,第一个参数(RegExp对象/字符串),第二个参数(字符串/函数)

/*
 * match 当前匹配项
 * position 当前匹配项的下标位置
 * originalText 原始文本
 * 返回替换后的字符串副本,不改变原始值
 * */
var test = originalText.replace( regExp, function( match, position, originalText ){
      // code 
});

split():基于指定分隔符将字符串分割成多个子字符串,并将结果放在一个数组中。分隔符可以是字符串,也可以是RegExp对象,第二个参数可以设定返回数组的大小,以确保返回的数组不会超过既定大小。

var str = "wanglehui|daifen|daye|daniang";
          
var arr0 = str.split("|");        //["wanglehui", "daifen", "daye", "daniang"]
var arr1 = str.split("|",2);     //["wanglehui", "daifen"]
var arr2 = str.split(/[^/|]+/);  //["", "|", "|", "|", ""]

解释:arr2是以不是“|”的标识符为分隔符,所以开头和结尾都符合要求,也就是空了

 

8、字符串比较

localeCompare():比较两个字符串,返回下列值中的一个

  如果该字符串在字母表中应该在字符串参数的前面,则返回一个负数(大多是-1,具体不定)

  如果字符串等于字符串参数,返回0
  如果该字符串在字母表中应该在字符串参数的后面,则返回一个正数(大多是1,具体不定)

var str = "w";
          
var arr0 = str.localeCompare("z");     //-1
var arr1 = str.localeCompare("d");     //1
var arr2 = str.localeCompare("w");     //0

 

9、字符串字符编码操作

charCodeAt(n):返回字符串中下标为n的字符的字符编码

fromCharCode():静态方法,将接受的一个或者多个字符编码转换成字符串

var str = "hello";
var str1 = str.charCodeAt(0); //104

var str2 = String.fromCharCode(104, 101, 108, 108, 111);  //hello

 

10、HTML方法

  早期JavaScript动态格式化HTML的方法,只做了解,不建议使用,因为语义不明!

anchor(name): 输出结果  <a name = "name" >string</a>

big(): 输出结果  <big>string</big>

bold(): 输出结果  <b>string</b>

fixed() :输出结果  <tt>string</tt>

fontcolor(): 输出结果  <font color = “color” >string </font>

fontsize(): 输出结果  <font size= “size” >string </font>

italics(): 输出结果  <i>string</i>

link(url): 输出结果  <a herf = "url">string</a>

small(): 输出结果  <small>string</small>

strike(): 输出结果  <strike>string</strike>

sub(): 输出结果  <sub>string</sub>

sup(): 输出结果  <sup>string</sup>

 

参考书籍:《JavaScript高级程序设计》5.6.3String类型

转载于:https://www.cnblogs.com/zxjwlh/p/6346052.html

相关文章:

  • 通过Servlet生成验证码图片(转)
  • C#实现MD5字符串加密
  • 集成软件开发工具有多难?现实很残酷!
  • bzoj2333
  • rpm的含义
  • 使用ffmpeg将BMP图片编码为x264视频文件,将H264视频保存为BMP图片,yuv视频文件保存为图片的代码...
  • 兄弟选择器 + 和 ~
  • 在Mac OS X 10.8中配置Apache + PHP + MySQL
  • Docker学习笔记 - Docker的远程访问
  • 2015-02-01
  • 连续自然数和
  • php中的in_array分析及其替换方法
  • Linux内核 设备树操作常用API
  • SharePoint 2013 自定义扩展菜单(二)
  • html5的本地存储
  • C# 免费离线人脸识别 2.0 Demo
  • download使用浅析
  • Elasticsearch 参考指南(升级前重新索引)
  • JS笔记四:作用域、变量(函数)提升
  • Laravel Telescope:优雅的应用调试工具
  • MaxCompute访问TableStore(OTS) 数据
  • MySQL-事务管理(基础)
  • tensorflow学习笔记3——MNIST应用篇
  • 复习Javascript专题(四):js中的深浅拷贝
  • 技术发展面试
  • 前端面试之CSS3新特性
  • 腾讯优测优分享 | Android碎片化问题小结——关于闪光灯的那些事儿
  • 用Python写一份独特的元宵节祝福
  • ​​​​​​​​​​​​​​Γ函数
  • ​flutter 代码混淆
  • #使用清华镜像源 安装/更新 指定版本tensorflow
  • (06)Hive——正则表达式
  • (1)(1.9) MSP (version 4.2)
  • (3)(3.5) 遥测无线电区域条例
  • (ZT)出版业改革:该死的死,该生的生
  • (免费领源码)Java#ssm#MySQL 创意商城03663-计算机毕业设计项目选题推荐
  • (原創) 如何安裝Linux版本的Quartus II? (SOC) (Quartus II) (Linux) (RedHat) (VirtualBox)
  • (原創) 系統分析和系統設計有什麼差別? (OO)
  • (终章)[图像识别]13.OpenCV案例 自定义训练集分类器物体检测
  • (转)mysql使用Navicat 导出和导入数据库
  • (转)Oracle 9i 数据库设计指引全集(1)
  • .net core 微服务_.NET Core 3.0中用 Code-First 方式创建 gRPC 服务与客户端
  • .Net MVC + EF搭建学生管理系统
  • .NET 依赖注入和配置系统
  • .set 数据导入matlab,设置变量导入选项 - MATLAB setvaropts - MathWorks 中国
  • /usr/bin/env: node: No such file or directory
  • @ 代码随想录算法训练营第8周(C语言)|Day57(动态规划)
  • @property python知乎_Python3基础之:property
  • []FET-430SIM508 研究日志 11.3.31
  • [android]-如何在向服务器发送request时附加已保存的cookie数据
  • [Bugku]密码???[writeup]
  • [Effective C++读书笔记]0012_复制对象时勿忘其每一部分
  • [Hibernate] - Fetching strategies
  • [IE编程] IE8的SDK 下载
  • [LeetCode 687]最长同值路径