06.字符串的相关方法.html 6.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Document</title>
  8. <script>
  9. //创建一个字符串
  10. // var str = "Hello World";
  11. /*
  12. 在底层字符串是以字符数组的形式保存的
  13. ["H","e","l","l","o","","W","o","r","l","d"]
  14. */
  15. // var str = "Hello World";
  16. // console.log(str.length);//输出结果为11
  17. // console.log(str[0]);//输出结果为H
  18. // console.log(str[3]);//输出结果为l
  19. /*
  20. length属性
  21. -可以用来获取字符串的长度
  22. */
  23. /*
  24. charAt()
  25. -可以返回字符串中指定位置的字符
  26. -根据索引获取指定的字符
  27. */
  28. // var str = "Hello World";
  29. // var result = str.charAt(6);
  30. // // var result = str[6];//也可以获取字符
  31. // console.log("result="+result);//输出结果为“result=W”
  32. /*
  33. charCodeAt()
  34. -获取指定位置字符的字符编码(Unicode编码)
  35. */
  36. // var str = "Hello World";
  37. // result = str.charCodeAt(0);
  38. // console.log("result="+result);//输出结果为“result=72”
  39. /*
  40. String.fromCharCode()
  41. -可以根据字符编码去获取字符
  42. */
  43. // result = String.fromCharCode(72);
  44. // console.log("result="+result);//输出结果为H
  45. // result = String.fromCharCode(0x2692);//对于16进制编码,需要在编码前加上0x
  46. /*
  47. concat()
  48. -可以用来连接两个或多个字符串
  49. -作用和“+”一样
  50. -不会对原字符串产生影响
  51. */
  52. // var str = "Hello World";
  53. // var result = str.concat("你好","再见");
  54. // console.log(result);//输出结果为“Hello World你好再见”
  55. /*
  56. indexof()
  57. -该方法可以检索一个字符串中是否含有指定内容
  58. -如果字符串中含有该内容,则会返回其第一次出现的索引
  59. 如果没有找到指定的内容,则返回-1
  60. -可以指定一个第二个参数,指定开始查找的位置
  61. */
  62. // var str = "Hello World";
  63. // var result = str.indexOf("l");
  64. // console.log(result);//输出结果为2
  65. // var str = "Hello HWorld";
  66. // var result = str.indexOf("H",1);
  67. // console.log(result);//输出结果为6
  68. /*
  69. lastIndexOf()
  70. -该方法的用法和indexOf()一样,
  71. 不同的是indexOf是从前往后找,
  72. 而lastIndexOf是从后往前找
  73. -也可以指定开始查找的位置
  74. */
  75. // var str = "Hello HWorld";
  76. // var result = str.lastIndexOf("H");
  77. // var result2 = str.lastIndexOf("H",5);//表示从第5个字符开始往前查找
  78. // console.log(result);//输出结果为6
  79. // console.log(result2);//输出结果为0
  80. /*
  81. slice()
  82. -可以从字符串中截取指定内容
  83. -不会影响原字符串,而是将截取到的内容返回
  84. -参数:
  85. 第一个:开始位置的索引,包含开始位置
  86. 第二个:结束位置的索引,不包含结束位置
  87. -如果省略第二个参数,则会截取到后边所有的
  88. -也可以传递一个负数作为参数,负数的话将会从后边计算
  89. */
  90. // var str = "hsjfheysgfj";
  91. // var result= str.slice(0,4);
  92. // var result2= str.slice(2);
  93. // var result3= str.slice(2,-1);
  94. // console.log(result);//输出结果为“hsjf”
  95. // console.log(result2);//输出结果为“jfheysgfj”
  96. // console.log(result3);//输出结果为“jfheysgf”
  97. /*
  98. substring()
  99. -可以用来截取一个字符串,与slice()类似
  100. -参数:
  101. -第一个:开始位置的索引,包含开始位置
  102. -第二个:结束位置的索引,不包含结束位置
  103. -如果省略第二个参数,则会截取到后边所有的
  104. -不同的是这个方法不能接受负值作为参数,
  105. 如果传递了一个负值作为参数,则默认使用0
  106. -而且他还自动调整参数的位置,如果第二个参数小于第一个,则自动交换
  107. */
  108. // var str = "hsjfheysgfj";
  109. // var result= str.substring(0,2);
  110. // var result2= str.substring(1,-1);//相当于0-1的范围
  111. // console.log(result);//输出结果为“hs”
  112. // console.log(result2);//输出结果为“h”
  113. /*
  114. substr()
  115. -用来提取字符串,对原字符串没有影响
  116. -参数:
  117. -第一个:开始位置的索引,包含开始位置
  118. -第二个:截取的长度
  119. */
  120. // var str = "hsjfheysgfj";
  121. // var result= str.substr(1,2);
  122. // console.log(result);//输出结果为“sj”
  123. /*
  124. split()
  125. -可以将一个字符串拆分为一个数组
  126. -参数:
  127. -需要一个字符串作为参数,将会根据该字符串去拆分数组
  128. */
  129. // var str = "abc,bdc,hjk,ser";
  130. // var result = str.split(",");
  131. // console.log(result);
  132. // console.log(typeof result);
  133. // console.log(Array.isArray(result));
  134. // console.log(result[0]);
  135. // console.log(result.length);
  136. // var result2 = str.split("d");
  137. // console.log(result2);
  138. //如果传递一个空串作为参数,则会将每个字符都拆分为数组中的一个元素
  139. // var str = "abc,bdc";
  140. // var result = str.split("");
  141. // console.log(result);
  142. /*
  143. toUpperCase()
  144. -可以将字符串转换成大写并返回
  145. toLowerCase()
  146. -可以将字符串转换成小写并返回
  147. */
  148. // var str = "abcdefg";
  149. // var result = str.toUpperCase();
  150. // console.log(result);//输出结果为“ABCDEFG”
  151. var str = "ABCDEFGhij";
  152. var result = str.toLowerCase();
  153. console.log(result);//输出结果为“abcdefghij”
  154. </script>
  155. </head>
  156. <body>
  157. </body>
  158. </html>