字符串的相关属性及相关操作_几个字符串变量之间的相关性分析怎么操作-CSDN博客

本文链接：https://blog.csdn.net/bznhlhh/article/details/115519012

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>字符串的相关属性及相关操作</title>
</head>
<body>
    
</body>
<script>
    //search与split

    //search:他的作用是可以获取到某一个字符的索引值。
    var str = "我是祖国的花朵";
    console.log(str.search("祖"));//2

    //split:切割，分割,split()方法用于把一个字符串分割成字符串数组。
    var str1 = "我爱你我的祖国";
    console.log(str1.length);//7
    var newStr1 = str1.split("");
    console.log(newStr1);//["我", "爱", "你", "我", "的", "祖", "国"]    
    var arr1 = [];
    arr1.push(newStr1);
    console.log(arr1);//0: "我"
                      //1: "爱"
                      //2: "你"
                      //3: "我"
                      //4: "的"
                      //5: "祖"
                      //6: "国"

    //replace与match

    //replace:代替,替换,更换;可以替换某一个字符串中符合条件的字符进行替换;且只能替换第一次匹配到的字符串,如果需要全局替换,则/xxx/g;需要在替换的内容后面加全局g;
    var str2 = "这里有我，并且不止有我";
    var newStr2 = str2.replace(/我/,"你");
    var newStr3 = str2.replace(/我/g,"你");
    console.log(str2);//这里有我，并且不止有我
    console.log(newStr2);//这里有你，并且不止有我
    console.log(newStr3);//这里有你，并且不止有你


    //match:匹配;可以进行将某一个字符串中符合条件的第一个字符匹配出来，返回的是一个数组;
    var str3 = "我喜欢中国,中国有很多好吃的东西";
    var arr3 = str3.match("中国");
    console.log(arr3);//["中国", index: 3, input: "我喜欢中国,中国有很多好吃的东西", groups: undefined],这种数组叫做类数组;


    //substring与substr

    //substring:它是一个字符串方法，主要作用是在父串当中切割一个子串;
    //用法 str.substring(起始索引值,结束索引值); 包含起始索引值，不包含结束索引值;
    var str4 = "我们在歇息JS基础语法,将来要学习DOM操作";
    var newStr4 = str4.substring(5,8);
    console.log(newStr4);//JS基
    console.log(str4);//我们在歇息JS基础语法,将来要学习DOM操作


    //substr:它也是字符串方法，它主要的作用也是从父串中切割一个子串;
    //用法: str.substr(起始索引值,切割长度);
    var newStr4 = str4.substr(5,8);
    console.log(newStr4);//JS基础语法,将
    console.log(str4);//我们在歇息JS基础语法,将来要学习DOM操作
</script>
</html>