JavaScript（10）

原创

Qwe7

发布于 2022-04-06 07:49:06

1970

发布于 2022-04-06 07:49:06

文章被收录于专栏：网络收集

九、连接字符串

在JavaScript中，可以使用concat()方法来连接2个或多个字符串。

语法：

字符串1.concat(字符串2,字符串3,…,字符串n);

说明：

concat()方法将“字符串2,字符串3,…,字符串n”按照顺序连接到字符串1的尾部，并返回连接后的字符串。

举例：


<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

    <script type="text/javascript">

        var str1="毛扇指千阵，";

        var str2="铁马踏冰河，";

        var str3="黄沙破楼兰。";

        var str4=str1+str2+str3;

        var str5=str1.concat(str2,str3);

        document.write(str4+"<br/>");

        document.write(str5);

    </script>

</head>

<body>

</body>

</html>

在浏览器预览效果如下：

分析：

大家可以看到，原来连接字符串可以有2种方式，一种是使用concat()方法，另外一种更加简单，使用“+”运算符就可以了。在这里大家也明白我的良苦用心了吧。就是说，以后大家连接字符串别傻乎乎地用concat()方法，直接将字符串相加就可以了。

十、比较字符串

在javascript中，可以使用localeCompare()方法用本地特定的顺序来比较两个字符串。

语法：


字符串1.localeCompare(字符串2)

说明：

比较完成后，返回值是一个数字。

（1）如果字符串1小于字符串2，则返回小于0的数字；

（2）如果字符串1大于字符串2，则返回数字1；

（3）如果字符串1等于字符串2，则返回数字0；

举例：


<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

    <script type="text/javascript">

        var str1= "JavaScript";

        var str2 = "javascript";

        var str3 = str1.localeCompare(str2);

        document.write(str3);

    </script>

</head>

<body>

</body>

</html>

在浏览器预览效果如下：

十一、split()方法

在javascript中，可以使用split()方法把一个字符串分割成字符串数组。

语法：

字符串.split(分割符)

说明：

分割符可以是一个字符、多个字符或一个正则表达式。分割符并不作为返回数组元素的一部分。

举例：


<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

    <script type="text/javascript">

        var str ="I love lvyestudy!";

        var arr=new Array();

        arr=str.split(" ");

        document.write(arr);

    </script>

</head>

<body>

</body>

</html>

在浏览器预览效果如下：

分析：

str.split(" ")表示字符串以空格作为分割符，而arr其实就是一个数组。。split()方法虽然简单，但是在实际开发中经常会用到，大家一定要记住喔。

对于数组，我们会在数组对象那一章详细讲解。

十二、从字符串提取字符串

在JavaScript中，可以使用substring()方法来提取字符串中的某一部分字符串。

语法：

字符串.substring(开始位置,结束位置)

说明：

开始位置是一个非负的整数，表示从哪个位置开始截取。结束位置也是一个非负的整数，表示在哪里结束截取。

举例：


<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

    <script type="text/javascript">

        var str1="绿叶学习网JavaScript教程";

        var str2=str1.substring(5,15);

        document.write(str2);

    </script>

</head>

<body>

</body>

</html>

在浏览器预览效果如下：