slice和substring？substr和substring的区别
这篇文章给大家聊聊关于slice和substring，以及substr和substring的区别对应的知识点，希望对各位有所帮助，不要忘了收藏本站哦。
js里相似的方法比较系列(二)slice,splice,split方法区别
不知道大家对 slice, splice, splite是肿么样的感觉，反正我刚接触到这三个函数的时候整个人都懵了，因为一个个长的跟孪生兄弟似的，每次用的时候都会混，甚至懒得记住他们的功能。所以为了帮组和我一样有困扰的人，我们来解决它。
三个方法除了长得像，其实功能完全不一样，为了帮助记忆，先总结一下：
1. slice是 Array和 String都有的方法，功能也和字符串的 slice是一样，截取区间值用的。 String的slice()方法请看上篇文章： js里相似的方法比较系列（一）String的slice，substring，substr方法区别。
2. splice仅是数组 Array的方法，splice比slice外观上多个p，这一个p蹦出了天差地别，功能超级强大。它能用来插入、删除甚至替换数组的元素。
3. split仅仅是字符串的方法，外观上也有p，但是少了ce，还多了个t。这个t厉害了，一脚把字符串踢成了多段，吓得字符串变成了数组。没错， split()方法就是用来把一个字符串分割成字符串数组。
下面我就来分别说说他们：
用法：array.slice(start, end)
解释： slice()该方法用于对数组进行部分截取，并返回一个数组副本；参数 start是截取的开始数组索引， end参数等于你要截取的最后一个元素的索引位置加上1的值（可选）
用法：array.splice(start, deleteCount, item,…..,itemX)
解释： splice()方法用于插入、删除或替换数组的元素。 splice方法从 array中移除一个或多个元素，如果你愿意的话可以用新的item替换它们。参数start是从数组array中移除元素的开始位置。参数 deleteCount是要移除的元素的个数。
如果有额外的参数，那么 item,…..,itemX会插入到被移除元素的位置上。
splice()方法返回一个包含被移除元素的数组。
用法：string.split(separator, limit)
解释： split()方法用于把一个字符串分割成字符串数组。把这个 string分割成片段来创建一个新的字符串数组，但不改变原始字符串。
separator参数可以是一个分隔符，它可以是字符串或一个正则表达式。如果 separator是一个空字符(‘’)，会返回一个单字符的数组。
limit（可选参数）可以限制被分割的片段数量。
今天就到这吧，下一节我们讲解“js相似方法比较系列（三）charAt，indexof，findIndex，lastindexof，includes，find的区别”，敬请期待～！
参考地址：
javascript如何使用
1、字符串的创建
创建一个字符串有几种方法。最简单的是用引号将一组字符包含起来，可以将其赋值给一个字符串变量。
var myStr="Hello, String!";
我们在上面脚本创建了字符串，但本质上，它们并不是真正的字符串对象，准确地说，它们是字符串类型的值。要创建一个字符串对象，可使用如下语句：var strObj= new String("Hello, String!");
使用typeof运算符查看会发现，上面的myStr类型为string，而strObj类型为object。
如果想知道字符串的长度，使用其length属性：string.length。
得到字符串的指定位置的字符使用方法：string.charAt(index);
2、字符串的拼接
非常简单，就用一个"+"将两个字符串"相加"：
var longString="One piece"+"plus one more piece.";
要将多个字符串累积为一个字符串，还可以使用"+="操作符：
var result="";
result+="My name is Anders"
result+=" and my age is 25";
要在字符串中添加换行符，需要使用转义字符"/n"：
var confirmString="You did not enter a response to the last"+
"question./n/nSubmit form anyway?";
var confirmValue= confirm(confirmString);
但这种方法只能用在像警告、确认对话框之类的情况下，如果将这段文本作为HTML内容呈现，就无效了，此时用"<br>"代替它：
var htmlString="First line of string.<br>Second line of string.";
document.write(htmlString);
String对象还提供了方法concat()，它完成与"+"相同的功能：
string.concat(value1, value2,...)
不过concat()方法显然不如"+"来得直观简洁。
3、访问字符串的子串
使用substring()或slice()方法(NN4+, IE4+)，下面说明它们的具体用法。
substring()的原型为： string.substring(from, to)
第一个参数from指定了子字符串在原字符串中的起始位置(基于0的索引)；第二个参数to是可选的，它指定了子字符串在原字符串的结束位置(基于0的索引)，一般情况下，它应比from大，如果它被省略，那么子字符串将一直到原字符串的结尾处。
如果参数from不小心比参数to大了会怎样？JavaScript会自动调解子字符串的起止位置，也就是说，substring()总是从两个参数中较小的那个开始，到较大的那个结束。不过要注意，它包含起始位置的那个字符，但不包含结束位置的那个字符。
var fullString="Every dog has his day.";
var section= fullString.substring(0, 4);// section is"Ever".
slice()的原型为： string.slice(start, end)
参数start表示子串的起始位置，如果为负数，那么可以理解为倒数第几个开始，例如-3表示从倒数第三个开始；参数end表示结束位置，与start一样，它也可以为负数，其含义也表示到倒数第几个结束。slice()的参数可以为负数，所以要比substring()更加灵活，但没那么宽容了，如果start比end要大，它将返回一个空字符串(示例略)。
还有一个方法是substr()，其原型为： string.substr(start, length)
从原型可以看出它的参数的含义，start表示起始位置，length则表示子字符串的长度。JavaScript标准不提倡使用该方法。
4、字符串的大小写转换
使用toLowerCase()和toUpperCase()方法：
var city="ShanGHai";
city= city.toLowerCase();// city is"shanghai" now.
5、判断两个字符串是否相等
先将用户的输入值全部转换为大写（或小写），然后再行比较：
var name= document.form1.txtUserName.value.toLowerCase();
if(name=="urname")
{
// statements go here.
}
JavaScript有两种相等运算符。一种是完全向后兼容的，标准的"=="，如果两个操作数类型不一致，它会在某些时候自动对操作数进行类型转换，考虑下面的赋值语句：
var strA="i love you!";
var strB= new String("i love you!");
这两个变量含有相同的字符序列，但数据类型却不同，前者为string，后者为object，在使用"=="操作符时，JavaScript会尝试各种求值，以检测两者是否会在某种情况下相等。所以下面的表达式结果为true： strA== strB。
第二种操作符是"严格"的"==="，它在求值时不会这么宽容，不会进行类型转换。所以表达式strA=== strB的值为false，虽然两个变量持有的值相同。
有时代码的逻辑要求你判断两个值是否不相等，这里也有两个选择："!="和严格的"!=="，它们的关系就类似于"=="和"==="。
讨论：
"=="和"!="在求值时会尽可能地寻找值的匹配性，但你可能还是想在比较前进行显式的类型转换，以"帮助"它们完成工作。比如，如果想判断一个用户的输入值（字符串）是否等于一个数字，你可以让"=="帮你完成类型转换：
if(document.form1.txtAge.value== someNumericVar){...}
也可以提前转换：
if(parseInt(document.form1.txtAge.value)== someNumericVar){...}
如果你比较习惯于强类型的编程语言(比如C#,Java等)，那么这里你可以延续你的习惯(类型转换)，这样也会增强程序的可读性。
有一种情况需要注意，就是计算机的区域设置。如果用"<"和">"来比较字符串，那么JavaScript把它们作为Unicode来比较，但显然，人们在浏览网页时不会把文本当作Unicode来阅读:)比如在西班牙语中，按照传统的排序，"ch"将作为一个字符排在"c"和"d"之间。localeCompare()提供了一种方式，可以帮助你使用默认区域设置下的字符排序规则。
var strings;//要排序的字符串数组，假设已经得到初始化
strings.sort(function(a,b){ return a.localeCompare(b)});//调用sort()方法进行排序
6、字符串的查找
使用string的indexOf()方法：
strObj.indexOf(subString[, startIndex])
strObj为要进行判断的字符串，subString为要在strObj查找的子字符串，startIndex是可选的，表示查找的开始位置(基于0的索引)，如果startIndex省略，则从strObj开始处查找，如果startIndex小于0，则从0开始，如果startIndex大于最大索引，则从最大索引处开始。
indexOf()返回strObj中subString的开始位置，如果没有找到，则返回-1。在脚本中，可以这么使用：
if(largeString.indexOf(shortString)!=-1)
{
//如果包含，进行相应处理；
}
也许一个字符串会包含另一字符串不止一次，这时第二个参数startIndex也许会派上用场，下面这个函数演示如何求得一个字符串包含另外一个字符串的次数：
function countInstances(mainStr, subStr)
{
var count= 0;
var offset= 0;
do
{
offset= mainStr.indexOf(subStr, offset);
if(offset!=-1)
{
count++;
offset+= subStr.length;
}
}while(offset!=-1)
return count;
}
String对象有一个与indexOf()对应的方法，lastIndexOf()：
strObj.lastIndexOf(substring[, startindex])
strObj为要进行判断的字符串，subString为要在strObj查找的子字符串，startIndex是可选的，表示查找的开始位置(基于0的索引)，如果startIndex省略，则从strObj末尾处查找，如果startIndex小于0，则从0开始，如果startIndex大于最大索引，则从最大索引处开始。该方法自右向左查找，返回subString在strObj中最后出现的位置，如果没有找到，返回-1。
文章分享结束，slice和substring和substr和substring的区别的答案你都知道了吗？欢迎再次光临本站哦！