JavaScript学习之字符串的使用

淡淡的烟草味﹌ 2022-11-09 14:18 162阅读 0赞

**一、判断字符串长度：**

当我们制作注册页面时，需要输入用户名、密码等等，这时我们需要检测用户名或者密码的长度是否符合规范。  
例如：

var str='chongzhi';
    console.log(str.length);//检测到有8个字符

![在这里插入图片描述][20210315180258461.png_pic_center]  
**二、字符串的拼接：**

（1）JavaScript中的字符串拼接是和Java一样都是用+来连接各段字符串的。  
例如：

console.log('chong'+'zhi');

![在这里插入图片描述][20210315180723452.png_pic_center]  
但是JavaScript中的字符串拼接是可以将任何类型的字符串拼接在一起的。  
例如：

console.log('chong'+'2021');

![在这里插入图片描述][20210315181317573.png_pic_center]  
我们需要注意的是：如果是同类型的数字，那么结果是计算两者之和。  
例如：

console.log(1+1);

![在这里插入图片描述][20210315181536350.png_pic_center]  
我们需要注意，一个字符串型和任意型拼接的结果永远都是字符串型，例如：

console.log('1'+1);

![在这里插入图片描述][20210315181843286.png_pic_center]

（2）通过修改变量来修改字符串里的数字。

var age = 20;//通过修改变量来修改字符串里的数字
    console.log('chonzhi'+'今年已经'+ age +'岁了。');

![在这里插入图片描述][20210315182505844.png_pic_center]

**三、字符串拼接应用之警示框**

**案例代码：**

<!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>HOME</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <style></style>
    <script>
        var userName = prompt('请输入您的姓名：');
        var userAge = prompt('请输入您的年龄：');
        var userMessage = userName + "先生，您今年已经"+ userAge +"岁了。";
        alert(userMessage);
    </script>
    </head>
    <body>
    </body>
    </html>

**案例效果图：**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2MjkwNw_size_16_color_FFFFFF_t_70_pic_center]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2MjkwNw_size_16_color_FFFFFF_t_70_pic_center 1]![在这里插入图片描述][20210315184248871.png_pic_center]

[20210315180258461.png_pic_center]: /images/20221023/a6ab62b17ea448b2ab37f44ce9be336a.png
[20210315180723452.png_pic_center]: /images/20221023/60a515913ce94303b849616f9008ecec.png
[20210315181317573.png_pic_center]: /images/20221023/4acaf34447b34b41877243450b9e62c4.png
[20210315181536350.png_pic_center]: /images/20221023/2d6bfa594a244a47bf68c4eacb919764.png
[20210315181843286.png_pic_center]: /images/20221023/def7515b5a31410b8cb3228edef72864.png
[20210315182505844.png_pic_center]: /images/20221023/99599a29b8734881bab97a80757c2290.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2MjkwNw_size_16_color_FFFFFF_t_70_pic_center]: /images/20221023/8c9618ad8f8c45dea695c30f8b983a37.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2MjkwNw_size_16_color_FFFFFF_t_70_pic_center 1]: https://img-blog.csdnimg.cn/20210315184239882.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA2MjkwNw==,size_16,color_FFFFFF,t_70#pic_center
[20210315184248871.png_pic_center]: /images/20221023/8eb8ea087d344964811b96727a996c89.png