project_03
/
正则匹配 replace.html

<!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 str1 = '<div>{{name}}</div>'
        var str2 = '<p>{{age}}</p>'
        var str3 = '<span>{{ msg }}</span>'
        var reg = /{{\s*([a-zA-Z]+)\s*}}/
            //'+'代表至少出现一次  '*'代表0-多次
        var res = reg.exec(str1);
        var res1 = reg.exec(str2);
        var res2 = reg.exec(str3);
        str1 = str1.replace(res[0], res[1]);
        str2 = str2.replace(res1[0], res1[1]);
        str3 = str3.replace(res2[0], res2[1]);
        console.log(str1, str2, str3);
    </script>
</body>

</html>