23.字符串的方法.html 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. </head>
  8. <body>
  9. <script>
  10. var str = 'Happy New Year';
  11. // 1.toUpperCase 将字符串中所有的字符都转为大写
  12. var str1 = str.toUpperCase();
  13. console.log(str1);
  14. // 2.toLowerCase 将字符串中所有的字符都转为小写
  15. var str2 = str.toLowerCase();
  16. console.log(str2);
  17. // 3.concat 将字符连接在一起
  18. var str3 = 'hi,Tom!See you Tomorrow';
  19. var str4 = str3.concat(str1);
  20. console.log(str4);
  21. // 4.trim 取消字符串前后空格
  22. var str5 = ' hello,wo rld! ';
  23. var str6 = str5.trim();
  24. console.log(str5);
  25. console.log(str6);
  26. // 5.length 长度
  27. console.log(str3.length);
  28. // 6.indexOf 当前内容在字符串中首次出现的下标索引位置
  29. console.log(str3,'原');
  30. // console.log(str3.indexOf("To"));
  31. // 7.lastIndexOf 当前内容在字符串中最后出现的下标索引位置
  32. // console.log(str3.lastIndexOf("To"));
  33. // 8. slice 字符串的截取 允许负数
  34. // 一个值:从当前的下标位置开始截取到最后 从前往后 下标从0开始; 从后往前 下标从-1开始
  35. // 两个值:第一个开始截取的下标位置,第二个截取完成的下标位置 但不包含改下标
  36. // var aa = str3.slice(12);
  37. // console.log(str3.slice(-12));
  38. // console.log(str3.slice(2,12))
  39. // 9.substr
  40. // 一个值:从当前的下标位置开始截取到最后 从前往后 下标从0开始; 从后往前 下标从-1开始
  41. // 两个值:第一个开始截取的下标位置,第二个截取个数
  42. // console.log(str3.substr(-5))
  43. // console.log(str3.substr(3,7))
  44. // 10.substring
  45. // 一个值:从当前的下标位置开始截取到最后 从前往后 下标从0开始
  46. // 两个值:第一个开始截取的下标位置,第二个截取完成的下标位置 但不包含改下标
  47. // console.log(str3.substring(-6))
  48. // console.log(str3.substring(3,5));
  49. // 11.replace("要替换的值","替换成什么内容") 替换 只对首次找到的生效
  50. // console.log(str3.replace("o","xxxx"))
  51. // 12.split 字符串转数组
  52. // console.log(str3.split("!"));
  53. // 13.chatAt 查找传入的下标字符
  54. console.log(str3.charAt(13));
  55. </script>
  56. </body>
  57. </html>