<!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>