首页 > 代码库 > JavaScript中几个相似方法对比
JavaScript中几个相似方法对比
一、substring与substr
substring | substr | |
概述 | 返回字符串两个索引之间(或到字符串末尾)的子串 | 返回字符串从指定位置开始到指定长度的子串 |
语法 | ||
参数 | indexStart:一个 0 到字符串长度之间的整数 indexEnd:可选,一个 0 到字符串长度之间的整数 | start:开始提取字符的位置,可为负值 length:可选。提取的字符数 |
描述 | 1. indexStart = indexEnd,返回一个空字符串 2. indexStart > indexEnd,则效果是两个参数调换了一样 3. 省略 indexEnd,提取字符一直到字符串末尾 4. 任一参数 < 0 或为 NaN,则被当作 0 5. 任一参数 > strLength(字符串长度),则被当作strLength | 1. start < 0,则被看作 strLength + start(从字符串倒数算起) 2. start < 0 && abs(start) > strLength,则start = 0 3. start >= strLength,返回一个空字符串 4. 任意参数为 NaN,则被当作 0 5. length <= 0,返回一个空字符串 |
代码 | 在线执行 |
1)substring描述
返回字符串两个索引之间(或到字符串末尾)的子串。
var anyString = "Mozilla";//字符串长度为7// 输出 "Moz"console.log(anyString.substring(0,3)); console.log(anyString.substring(3,0));//indexStart > indexEnd,则像两个参数对换console.log(anyString.substring(3,-3));//indexEnd < 0,则indexEnd = 0console.log(anyString.substring(3,NaN));//indexEnd = NaN,则indexEnd = 0console.log(anyString.substring(-2,3));//indexStart < 0,则indexStart = 0console.log(anyString.substring(NaN,3));//indexStart = NaN,则indexStart = 0// 输出 "lla"console.log(anyString.substring(4,7)); console.log(anyString.substring(7,4));//indexStart > indexEnd,则像两个参数对换,同上// 输出 ""console.log(anyString.substring(4,4));//indexStart = indexEnd// 输出 "Mozilla"console.log(anyString.substring(0,7)); console.log(anyString.substring(0,10));//indexEnd > anyString.length,indexEnd=anyString.length。console.log(anyString.substring(0));//省略 indexEnd,提取字符一直到字符串末尾
2)substr描述
返回字符串从指定位置开始到指定长度的子串。
var str = "abcdefghij";//长度为10// 输出bcconsole.log(str.substr(1,2));// 输出hi,start=7console.log(str.substr(-3,2));//start < 0,则被看作 strLength + start,其中 strLength 为字符串的长度// 输出hijconsole.log(str.substr(-3));//start < 0,省略length// 输出bcdefghijconsole.log(str.substr(1));// 输出ab start=0console.log(str.substr(-20,2)); //abs(start) > 字符串的长度,start=0// 输出""console.log(str.substr(20,2)); //start >= 字符串的长度,输出空字符串// 输出""console.log(str.substr(1,0)); console.log(str.substr(1,-5));//length <= 0,返回一个空字符串console.log(str.substr(1,NaN));//end非数字, end=0// 输出aconsole.log(str.substr(NaN, 1));//start非数字, start=0
二、slice与splice
slice | splice | |
概述 | 将数组的一部分的浅拷贝, 返回到从开始到结束(结束不包括)选择的新数组对象 原始数组不改变 | 通过删除现有元素和/或添加新元素来更改数组的内容 原始数组会改变 |
语法 | ||
参数 | begin:可选,开始提取的索引(从0开始),可为负值 end:可选,结束提取的索引(包含begin,不包含end),可为负值 | start:开始修改的索引(从0开始),可为负值 deleteCount:可选,要移除的数组元素的个数 item1,item2...:可选,要添加进数组的元素,从start位置开始 |
返回 | 一个含有提取元素的新数组 | 由被删除的元素组成的一个数组 如果没有删除元素,则返回空数组。 |
描述 | 1. 原始数组没有修改,浅复制了原数组的元素 2. 任何参数为负数,改变计算方式,从数组倒数算起 3. 任何参数为NaN,则被当作 0 4. start 省略,start=0 5. start > end,输出空数组 | 1. 原始数组被修改,在指定位置可添加任意多个元素 2. start <0 为负数,改变计算方式,从数组倒数算起 3. start 或 deleteCount 为NaN,则被当作 0 4. start 省略,输出空数组 5. deleteCount > 数组长度,则deleteCount=数组长度 |
代码 | 在线执行 |
1) slice描述
将数组的一部分的浅拷贝, 返回到从开始到结束(结束不包括)选择的新数组对象,原始数组不改变。
var fruits = [‘Banana‘, ‘Orange‘, ‘Lemon‘, ‘Apple‘, ‘Mango‘];var citrus = fruits.slice(1, 3);//包含1 不包含3// 输出 [‘Banana‘, ‘Orange‘, ‘Lemon‘, ‘Apple‘, ‘Mango‘]console.log(fruits);//原始数组没有修改// 输出 [‘Orange‘, ‘Lemon‘]console.log(citrus);//浅复制了原数组的元素// 输出 [‘Banana‘, ‘Orange‘, ‘Lemon‘, ‘Apple‘, ‘Mango‘]console.log(fruits.slice());// start 省略,start=0// 输出 [‘Apple‘, ‘Mango‘]console.log(fruits.slice(-2));// start < 0,从数组倒数算起// 输出 [‘Apple‘]console.log(fruits.slice(-2, -1));// start < 0 && end < 0,从数组倒数算起,倒数第二个元素到倒数第一个元素// 输出 [‘Orange‘, ‘Lemon‘, ‘Apple‘]console.log(fruits.slice(1, -1));// 输出 []console.log(fruits.slice(2, 1));// start > end,输出空数组// 输出 [‘Banana‘]console.log(fruits.slice(NaN, 1));// start非数字,start=0// 输出 []console.log(fruits.slice(1, NaN));// end非数字,end=0
2) splice描述
通过删除现有元素和/或添加新元素来更改数组的内容,原始数组会改变。
var myFish = ["angel", "clown", "mandarin", "sturgeon"];// 输出 []console.log(myFish.splice(2, 0, "drum"));// 空,没有删除元素console.log(myFish);//原数组被改变 myFish=["angel", "clown", "drum", "mandarin", "sturgeon"]// 输出 ["drum"]console.log(myFish.splice(2, 1));// 有删除元素 myFish=["angel", "clown", "mandarin", "sturgeon"]myFish.splice(2, 1, "splice", "parrot"); console.log(myFish);//添加两个元素 myFish=["angel", "clown", "splice", "parrot", "sturgeon"]// 输出 ["parrot", "sturgeon"]console.log(myFish.splice(-2));// start < 0,从数组倒数算起 myFish=["angel", "clown", "splice"]// 输出 []console.log(myFish.splice(-2, -1));// start < 0 && deleteCount < 0,空数组console.log(myFish.splice(1, -1));//空数组console.log(myFish.splice(1, NaN));// deleteCount非数字,deleteCount=0console.log(myFish.splice());// start省略// 输出 ["angel"]console.log(myFish.splice(NaN, 1));// start非数字,start=0 myFish=["clown", "splice"]// 输出 ["clown", "splice"]console.log(myFish.splice(0, 10));// deleteCount > 数组长度
JavaScript中几个相似方法对比