欢迎光临
我的个人博客网站

WEB前端第二十五课——js字符串

1.字符串嵌套

  字符串可以嵌套使用

    在单引号包裹的字符串内部,应该使用双引号进行嵌套

    在双引号包裹的字符串内部,应该使用单引号进行嵌套

  在 json解析的时候字符串需要单引号,因此推荐在各种情况都使用单引号的方式进行声明

2.转义字符,用特殊的符号来替代在字符串中,容易引起歧义的内容

  ’   表示单引号

  ”  表示双引号

  一个字符串一般写在一行内,不要分成多行

  如果必须分成多行,可以采用反斜杠 “” 作为连接符,或者将其分成多个字符串,通过拼接的方式进行组合

3.字符串长度

  ① 测量字符串长度:length属性,

    语法格式:字符串变量length

  ② 字符索引:[]方法,

    在字符串后面接中括号,中括号内写数字,能够访问字符串中每一个字符

    代码示例:

      var name=Franklin;

      var firstname=name[0];

    一次只能索引一个字符,如需索引多个,则使用加号(+)连接符多次索引

    索引从0开始,0表示第一个字符

  ③ 获取指定位置字符:charAt()方法和 charCodeAt()方法,

    两种方法均是获取指定位置字符,不同的是charAt()返回的是具体的字符,而charCodeAt()返回的是字符对应的Unicode编码

    代码示例;

      var name=Franklin;

      var cat=name.charAt(0);

      var ccat=name.charCodeAt(0);

    var cat结果为“F”,而var ccat结果为“70”

    两个重要的字符编码,A——65,a——97,其他字母累加即可

    如果index是负数,或者大于等于字符串长度的值,则 charCodeAt()返回的值为 NaN。

  ④ 字符串连接:concat()方法,

    将两个或多个字符串拼接起来,组成一个新的字符串,用法与加号(+)有相同之处

    语法格式:var str=str1.concat(str2,str3,……);

4.转义字符

  反斜杠 “” 被称作转义字符

  转义字符可以将特殊字符转换为字符串字符,可以用于转义撇号、换行、引号等特殊字符

  常见转义符号:’ (单引号)、” (双引号)、\ (反斜杠)、n (换行)、r (回车)、t (制表符)、b (退格)、f (换页符)

  n、r、<br/>区别

    n,英文是 new line,表示使光标下移一格

    r,英文是carriage return,表示使光标移到行首

    <br/>是浏览器换行

    总结:n r表示源代码换行(浏览器不解释),<br/>表示浏览器文字换行

5.字符串对象

  JavaScript中提供了另外一种字符串的声明方式,叫作字符串对象,使用 new关键字将字符串定义为一个对象

  语法示例:var newString=new  String(‘Franklin’);

    var str1=‘frank’;  //(typeof  str1)返回值为 String

    var str2=new String(‘frank’);  //(typeof  str2)返回值为Object,String首字母必须大写

  通常不要创建 string对象,它会拖慢程序执行速度,并可能产生其他副作用

  字符串和字符串对象虽然效果相似,但它们是完全不同类型的数据

 6. 字符串属性及方法

  substring,截取字符串

  substr,截取字符串(长度)

  slice,截取字符串

  indexOf,返回当前查找字符串的位置,如果没有返回-1

  lastindexOf,倒过来查找

  trim,去掉字符串两端的空格

  toUpperCase和toLowerCase,大小写转换

  localeCompare,比较两个字符串大小

  match,返回一个指定字符串的数组

  search,返回位置

  replace,替换字符串

  split,字符串切割,返回数组

7.substring截取字符串

  通过指定开始和结束位置,对字符串变量进行截取

  语法:str . substring(index1, index2);

  第一个参数表示截取的开始位置(包含index1),第二个参数表示结束位置(不包含index2)

  结束位置理论上应该大于开始位置,如果第一个参数值大于第二个参数值,substring方法会自动调换两个参数的位置

8.substr截取字符串

  通过指定开始截取的位置和截取的长度,对字符串变量进行截取

  语法:str . substr(num1, num2);

  substr方法的语法格式与substring方法很相似,但表达含义和用法差别很大,substr两个参数不能互换

9.slice截取字符串

  通过指定开始和结束位置,对字符串变量进行截取

  语法:str . slice(num1,num2);

  slice的两个参数不能互相调换位置,如果第一个参数大于第二个参数,则返回结果为一个空字符串

 substring、substr、slice三个方法的第一个参数都表示截取开始的位置,如果省略第二个参数,那么这三种方法都表示从开始位置截取一直到字符串本身结束

10.indexOf

  查找一个字符或字符串在另一个字符串中的位置

  语法:str . indexOf(‘sub’);

  字符串的查找是从源字符串开始处进行向后查找,且只针对首次出现的位置查找,返回值为所在位置的索引,如果查找失败则返回 -1

11.lastindexOf

  查找一个字符或字符串在另一个字符串中的位置

  语法:str . lastindexOf(‘subStr’);

  字符串的查找是从原字符串的末尾处进行向前查找,如果查找失败则返回 -1

12.indexOf和 lastindexOf还可以接受第二个参数,用于表示开始查找的位置

  对于indexOf而言,表示从这个位置开始向后查找,语法:str. indexOf(‘subStr’, num); 

  对于lastindexOf而言,表示从这个位置开始向前查找,语法:str.lastindexOf(‘subStr’, num);

13.replace

  将查找到的首次出现的字符串替换成目标字符串,如果查找失败则不发生替换,而是将原字符串完整拷贝出来

  语法:str . replace(’oldStr’,’newStr’);

  replace方法并不会对原本字符串产生任何影响,而是生成一个新的字符串

  replace方法只能替换首次出现的字符串,如果要替换多个, 需要依赖于正则表达式

14.trim

  去掉字符串两端多余的空格,中间部位的空格不受影响,语法:str . trim();

  trim()方法并不会对原本的字符串产生任何影响,而是生成一个新的字符串

15.toUpperCase

  将字符串中的英文字母全部转换成大写字母

  语法:str .toUpperCase();

16.同LowerCase

  将字符串中的英文字母全部转换成小写字母

  语法:str .toLowerCase();

17.localeCompare

  根据本地的排序规则对两个字符串进行大小比较

  语法:str1 .localCompare(str2);

  如果计算结果大于0则表示 str1大于 str2,如果计算结果等于0则表示 str1等于 str2,如果计算结果小于0则表示 str1小于 str2

  ECMAscript标准没有规定如何进行本地特定的比较操作,只规定了该函数采用底层操作系统提供的排序规则,自定义比较方法也是可以的

18.match

  查找原字符串是否匹配某个子字符串,返回结果是匹配的子字符串信息数组,如果没有找到则返回null

  返回的数组内容包含:寻找的子字符串、子字符串位置索引、原字符串

  语法:str . match(‘substr’);

  示例:var string= ‘hello world!’;

     string.match(‘hello’);  //结果:[‘hello’, index:0, input:’hello world!’]

  match方法只能查找到匹配的第一个字符串,但通过正则表达式的方式可以查找到所有匹配的字符串

19.search

  与match方法相似,都是查找子字符串在指定字符串的位置信息

  不同的是search方法返回的结果为下标(索引),如果没有找到匹配字符串则返回 -1

  语法:str . search(‘substr’);

  示例:var string= ‘hello world!’;

     string.search(‘hello’);  //结果:0

20.split

  根据指定的符号将字符串进行分割,分割后的所有子字符串整合成为一个数组返回

  如果无法分割,则只返回一个元素——字符串本身

  语法:str . split(’symbol’);

  示例:var string = ‘see you soon!’

     string . split(’ ‘);    //返回结果:[‘see’,‘you’,‘soon’]

  分隔符号不同,返回的数组就可能不同

赞(0) 打赏
未经允许不得转载:张拓的天空 » WEB前端第二十五课——js字符串
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

专业的IT技术经验分享 更专业 更方便

联系我们本站主机

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏