字符串方法以及实例

字符串方法

  var str = "VFDrerDAVvszds" //字面量方式声明字符串
  // var str1=new String("sssssss") //构造函数方式声明字符串
  console.log(str.length); // length 属性返回字符串的长度：13

1. indexOf() 方法返回字符串中指定文本首次出现的索引（位置）

console.log(str.indexOf("s")) //indexOf() 方法返回字符串中指定文本首次出现的索引（位置）10

2.lastIndexOf() 方法返回指定文本在字符串中最后一次出现的索引

console.log(str.lastIndexOf("s")); // lastIndexOf()方法可返回一个指定的字符串值最后出现的位置

如果未找到所查找的元素， indexOf() 和 lastIndexOf() 均返回 -1

3. search() 方法搜索特定值的字符串，并返回匹配的位置

 console.log(str.search("s")); //搜索特定值的字符串，并返回匹配的位置

4. slice(start,end) 提取字符串的某个部分并在新字符串中返回被提取的部分

 console.log(str.slice(3, 5)); //裁剪字符串中位置 3到位置 5 的片段 :re 

5. substring(start,end) 提取字符串的某个部分并在新字符串中返回被提取的部分(无法接受负的索引)

console.log(str.substring(3,5));//裁剪字符串中位置 3到位置 5 的片段 :re 

6. substr(start, length)从start索引开始提取字符串的几个字符串

console.log(str.substr(3,5));//rerDA

7. .replace() 方法用另一个值替换首个匹配的值，不会改变调用它的字符串。它返回的是新字符串

 console.log(str.replace("V", "你")); //你FDrerDAVvszds

8. toUpperCase() 把字符串转换为大写

 console.log(str.toUpperCase());//VFDRERDAVVSZDS

9. 通过 toLowerCase() 把字符串转换为小写

 console.log(str.toLocaleLowerCase());//vfdrerdavvszds

10. concat() 连接两个或多个字符串

    var str1 = "hello",str2 = "javaScript"
        var str3 = str1.concat(str2)
        console.log(str3);//hellojavaScript
        

11. trim() 方法删除字符串两端的空白符

  var str=" swi "
        var str1=str.trim()
        console.log(str1);//swi

12.charAt() 方法返回字符串中指定下标（位置）的字符串

var str = "HELLO JAVASCRIPT";
str.charAt(0);            // 返回 H

13. 可以通过 split() 将字符串转换为数组

var txt = "a,b,c,d,e"; // 字符串
        console.log(txt.split(",")); // ["a", "b", "c", "d", "e"] 用逗号分隔

以下是字符串实例

字符串方法将手机号码中间四位用*表示

  <script>
        var str = '12133536409' 

        function mosaic(str, start, length) {
    
            let left = str.substring(0, start)
            // console.log(left); //121
            let middle = "*".repeat(length)
            // console.log(middle); //****
            let right = str.substring(start + length)
            // console.log(right);//6409
            return left + middle + right //将新的号码return出来
        }
        console.log(mosaic(str, 3, 4)); //121****6409
    </script>

字符串长度截取

 function cut(str, length) {
    
            if (str.length < length) return str
            else
                return str.substr(0, length) + "..."
        }
        console.log(cut("你好，我是孙悟空", 5)); //你好，我是...

替换

let send = "尊敬的用户[0]您好，欢迎咨询我们的产品"
        let numlist = "13344445555,12233334444,16677778888"
        numlist.split(",").forEach(item => {
    
            console.log(send.replace("[0]", item));
        })

输入结果如下