19.字符串的方法.html 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  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. console.log(str,'原字符串');
  12. // 1.toLocaleUpperCase 将字符串中的所有字母变成大写
  13. console.log(str.toLocaleUpperCase());
  14. // 2.toLocaleLowerCase 将字符串中的所有字母变成小写
  15. console.log(str.toLocaleLowerCase());
  16. var str1 = 'hello';
  17. var str2 = 'world';
  18. // 3.concat 合并
  19. console.log(str1 + str2);
  20. console.log(str1.concat(str2));
  21. // 4.trim 去掉字符串中前后的空格
  22. var str3 = ' hello,w orld ';
  23. console.log(str3)
  24. console.log(str3.trim());
  25. var str4 = 'This is a cat';
  26. // 5.indexOf 查找规定字符在字符串中首次出现的下标位置
  27. console.log(str4.indexOf("is"));
  28. // 6.lastIndexOf 查找规定字符在字符串中最后出现的下标位置
  29. console.log(str4.lastIndexOf("is"));
  30. // 7.slice
  31. // 一个值:从当前下标位置截取到最后
  32. // 正:从前往后 下标从0开始
  33. // 负:从后往前 下标从-1开始
  34. var str5 = 'We all send our best wishes for the future';
  35. console.log(str5,'原字符串')
  36. // console.log(str5.slice(-3));
  37. // 两个值:第一个值从那个下标开始截取 第二个值 截取到当前下标的前一个位置
  38. // console.log(str5.slice(1,6));
  39. // 8.substr
  40. // 一个值:从当前下标位置截取到最后 与slice相同
  41. // console.log(str5.substr(-5));
  42. // 两个值:第一个值 代表着从那个位置开始截取 第二值代表截取到的长度
  43. console.log(str5.substr(2,6));
  44. // 9.substring
  45. // 一个值:从当前下标位置截取到最后 不可以使用负值
  46. // console.log(str5.substring(-1));
  47. // 两个值:第一个值从那个下标开始截取 第二个值 截取到当前下标的前一个位置
  48. // console.log(str5.substring(1,6))
  49. // 10.replace("要替换的字符",'新字符')
  50. // console.log(str5.replace("send",'over'))
  51. // 11.split(",") 将字符串转为数组 通过逗号分隔
  52. // console.log(str5.split(","))
  53. // 12.chatAt 查找指定下标的字符
  54. // console.log(str5.charAt(10));
  55. // 13.length 长度
  56. // console.log(str5.length);
  57. </script>
  58. </body>
  59. </html>