javaScript中slice函数

谁践踏了优雅 2022-11-13 13:23 160阅读 0赞

**直接上代码和截图**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N6aDUwMA_size_16_color_FFFFFF_t_70][]

**运行结果如下：**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N6aDUwMA_size_16_color_FFFFFF_t_70 1][]

<!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>javaScript中slice()函数</title>
    <style type="text/css">
    input[type=button] {
    	background-color: #8E388E;
    	border: 0px solid #8E388E;
    	color: #fff;
    	width: 160px;
    	height: 40px;
    	border-radius: 6px; /*把边框做成圆角*/
    }
    
    </style>
    <script type="text/javascript">
    function fn1() {
    	var testStr = "[object Object]";
    	//slice(startIndex, endIndex)注意：不包括endIndex
    	//-1表示最后一个字符的下标位置，-2表示倒数第二个字符的下标位置，-3，-4等等，以此类推
    	console.log(testStr, testStr.slice(8, -1));
    	//赣州市于都县渡江大
    	console.log(testStr, "江西省赣州市于都县渡江大道".slice(3, -1));
    }
    </script>
    </head>
    <body style="background-color: #CCE8CF;">
    <h1>javaScript中slice()函数</h1>
    <input type="button" value="字符串的slice()函数" onclick="fn1();">
    <div id="div1" style="background-color: Wheat; height: 100%;">
    </div>
    </body>
    </html>

最近比较懒，这样不好不好！

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N6aDUwMA_size_16_color_FFFFFF_t_70]: /images/20221022/8bbb76f2ec3f464c92f1bcb926bcc3f2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N6aDUwMA_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20210327032734910.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N6aDUwMA==,size_16,color_FFFFFF,t_70