|
@@ -0,0 +1,66 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
+ <title>Document</title>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+ <script>
|
|
|
+ var str = 'Happy New Year';
|
|
|
+ console.log(str,'原字符串');
|
|
|
+ // 1.toLocaleUpperCase 将字符串中的所有字母变成大写
|
|
|
+ console.log(str.toLocaleUpperCase());
|
|
|
+ // 2.toLocaleLowerCase 将字符串中的所有字母变成小写
|
|
|
+ console.log(str.toLocaleLowerCase());
|
|
|
+ var str1 = 'hello';
|
|
|
+ var str2 = 'world';
|
|
|
+ // 3.concat 合并
|
|
|
+ console.log(str1 + str2);
|
|
|
+ console.log(str1.concat(str2));
|
|
|
+ // 4.trim 去掉字符串中前后的空格
|
|
|
+ var str3 = ' hello,w orld ';
|
|
|
+ console.log(str3)
|
|
|
+ console.log(str3.trim());
|
|
|
+ var str4 = 'This is a cat';
|
|
|
+ // 5.indexOf 查找规定字符在字符串中首次出现的下标位置
|
|
|
+ console.log(str4.indexOf("is"));
|
|
|
+ // 6.lastIndexOf 查找规定字符在字符串中最后出现的下标位置
|
|
|
+ console.log(str4.lastIndexOf("is"));
|
|
|
+ // 7.slice
|
|
|
+ // 一个值:从当前下标位置截取到最后
|
|
|
+ // 正:从前往后 下标从0开始
|
|
|
+ // 负:从后往前 下标从-1开始
|
|
|
+ var str5 = 'We all send our best wishes for the future';
|
|
|
+ console.log(str5,'原字符串')
|
|
|
+ // console.log(str5.slice(-3));
|
|
|
+ // 两个值:第一个值从那个下标开始截取 第二个值 截取到当前下标的前一个位置
|
|
|
+ // console.log(str5.slice(1,6));
|
|
|
+
|
|
|
+ // 8.substr
|
|
|
+ // 一个值:从当前下标位置截取到最后 与slice相同
|
|
|
+ // console.log(str5.substr(-5));
|
|
|
+ // 两个值:第一个值 代表着从那个位置开始截取 第二值代表截取到的那个下标
|
|
|
+ // console.log(str5.substr(1,6));
|
|
|
+
|
|
|
+ // 9.substring
|
|
|
+ // 一个值:从当前下标位置截取到最后 不可以使用负值
|
|
|
+ // console.log(str5.substring(-1));
|
|
|
+ // 两个值:第一个值从那个下标开始截取 第二个值 截取到当前下标的前一个位置
|
|
|
+ // console.log(str5.substring(1,6))
|
|
|
+
|
|
|
+ // 10.replace("要替换的字符",'新字符')
|
|
|
+ // console.log(str5.replace("send",'over'))
|
|
|
+
|
|
|
+ // 11.split(",") 将字符串转为数组 通过逗号分隔
|
|
|
+ // console.log(str5.split(","))
|
|
|
+
|
|
|
+ // 12.chatAt 查找指定下标的字符
|
|
|
+ console.log(str5.charAt(10));
|
|
|
+
|
|
|
+ // 13.length 长度
|
|
|
+ console.log(str5.length);
|
|
|
+
|
|
|
+ </script>
|
|
|
+</body>
|
|
|
+</html>
|