slice,substr,substring的区别

Posted 平凡的世界

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了slice,substr,substring的区别相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script>
            var str="123456";
            console.log(str.slice(0));
            console.log(str.slice(0,4));
            console.log(str.slice(0,-1));
            console.log(str.slice(-1));
            console.log(str.slice(-5));
            
            //123456|1234|12345|6|23456
            
            console.log(str.substr(0));
            console.log(str.substr(0,4));
            console.log(str.substr(0,-1));
            console.log(str.substr(-1));
            console.log(str.substr(-5));
            
            //123456|1234|空字符串|6|23456
            
            console.log(str.substring(0));
            console.log(str.substring(0,4));
            console.log(str.substring(4,0))
            console.log(str.substring(0,-1));
            console.log(str.substring(-1));
            //123456|1234|1234|空字符串|123456
            /**
             * 总结三者的区别：
             * 1、substring(start,end)和slice(start,end)都表示提取从start下标开始(包括该下标上的字符)到end下标结束(不包括该下标上的字符)之间的内容,如果不包含end参数则表示提取从start到结尾的全部字符
             * 2、substring不支持负数参数(如果为负数则转换为0来处理)，slice支持负数参数(如果参数为负数则表示从最右边算起，例1第一行中的0为-1,1为-2);substring如果start>end则互相交换，而slice则不支持交换
             * 3、substr其实是不是作为ECMAScript标准发布的,因此各种浏览器之间不是兼容的,但是既然提出来了还是讲一下substr(start,length)函数可以看出其实和上面两种函数的差别，即第二个参数代表的是截取的长度，不再是作为结尾下标来处理，所以该函数表示从开始下标start开始，向右截取length个长度的字符。按照w3c上来讲start是支持负数的,即表示从字符传的结尾开始计算,但是因为该函数并不是标准里的所以各浏览器实现不一，所以还是不建议用负数了。length为负数则不会截取任何字符，因为长度不可能为负的
             */
     
        </script>
    </head>
    <body>
        <div>TODO write content</div>
       
        
    </body>
</html>

 

以上是关于slice,substr,substring的区别的主要内容，如果未能解决你的问题，请参考以下文章

substring，substr，和slice的区别详解

javascript中substring()slice()substr()方法的区别

slice,substr,substring的区别

JS 中substring() , substr(), slice() 的区别

slice,splice,substr,substring函数的区别

substring,substr,和slice的区别详解。