不要再混淆js的substring和substr了!(附js所有字符串方法)
一、字符串操作方法
js中字符串方法操作有很多:concat、indexOf....
这里只要介绍两种经常混淆的字符串截取方法:substring、substr
二、从例子入手
let str = 'xiaobe'
//substring(start,end)
let str1 = str.substring(1,2);
//substr(start,length)
let str2 = str.substr(1,2);
console.log(str1); //i
console.log(str2); //ia
可以看到str1输出的长度为1,str2输出长度为2.
substring
概念:返回字符串的一个子串，传入参数是起始位置和结束位置。
不取结束位置的字符
substr
返回字符串的一个子串，传入参数是起始位置和长度
substr是根据长度取值,所以上面例子,两个方法虽然参数相同,但是返回值不同
三、特殊情况
substring
- 仅有一个入参
let str = 'xiaobe'
let str1 = str.substring(1);
console.log(str1); //iaobe
当只有一个入参的时候,会自动输出后面所有字符
- 入参的start>end
let str = 'xiaobe'
let str1 = str.substring(3,1);
console.log(str1); //ia
当读取位置大于结束位置的时候,substring会自动调整位置
- 如果end为负数
let str = 'xiaobe'
let str1 = str.substring(3,-1);
console.log(str1); //xia
当end为负数的时候,substring会输出start之前的字符
注意,start的最后一位依然是不会取到的
substr
- end为负数
let str = 'xiaobe'
let str1 = str.substring(3,-1);
console.log(str1); //
substr会输出空。毕竟length为负数,自然不会输出东西
四、扩展
其实substring和substr的关系与slice和splice关系相似
slice(start,end)
用法和substring类似,取值:[start,end)
//当end为负数时候
let str = 'xiaobe'
let str3 = str.slice(1,-1);
console.log(str3) //iaobe
substring会倒序输出,而slice会输出后续全部
slice方法可用于字符串和数组
下面介绍一个和slice方法很像的方法,但是这个方法仅仅使用于数组
splice(start,length,item1,item2....)
| 参数 | 描述 |
|---|---|
| start | 必需。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置 |
| length | 必需。要删除的项目数量。如果设置为 0，则不会删除项目。 |
| item1...itemX | 可选。向数组添加的新项目。 |
splice会改变原数组 slice不会。
五、js字符串方法大全
- concat
将两个或多个字符的文本组合起来，返回一个新的字符串。
var a = "hello";
var b = ",world";
var c = a.concat(b);
alert(c);
//c = "hello,world"
- indexOf
//返回字符串中一个子串第一处出现的索引（从左到右搜索）。如果没有匹配项，返回 -1 。
var index1 = a.indexOf("l");
//index1 = 2
var index2 = a.indexOf("l",3);
//index2 = 3
- charAt
//返回指定位置的字符。
var get_char = a.charAt(0);
//get_char = "h"
lastIndexOf
返回字符串中一个子串最后一处出现的索引（从右到左搜索），如果没有匹配项，返回 -1 。
var index1 = lastIndexOf('l');
//index1 = 3
var index2 = lastIndexOf('l',2)
//index2 = 2
- match
//检查一个字符串匹配一个正则表达式内容，如果么有匹配返回 null。
var re = new RegExp(/^\w+$/);
var is_alpha1 = a.match(re);
//is_alpha1 = "hello"
var is_alpha2 = b.match(re);
//is_alpha2 = null
- substring
//返回字符串的一个子串，传入参数是起始位置和结束位置。
var sub_string1 = a.substring(1);
//sub_string1 = "ello"
var sub_string2 = a.substring(1,4);
//sub_string2 = "ell"
- substr
//返回字符串的一个子串，传入参数是起始位置和长度
var sub_string1 = a.substr(1);
//sub_string1 = "ello"
var sub_string2 = a.substr(1,4);
//sub_string2 = "ello"
- replace
//用来查找匹配一个正则表达式的字符串，然后使用新字符串代替匹配的字符串。
var result1 = a.replace(re,"Hello");
//result1 = "Hello"
var result2 = b.replace(re,"Hello");
//result2 = ",world"
- search
//执行一个正则表达式匹配查找。如果查找成功，返回字符串中匹配的索引值。否则返回 -1 。
var index1 = a.search(re);
//index1 = 0
var index2 = b.search(re);
//index2 = -1
- slice
//提取字符串的一部分，并返回一个新字符串（与 substring 相同）。
var sub_string1 = a.slice(1);
//sub_string1 = "ello"
var sub_string2 = a.slice(1,4);
//sub_string2 = "ell"
- split
通过将字符串划分成子串，将一个字符串做成一个字符串数组。
var arr1 = a.split("");
//arr1 = [h,e,l,l,o]
length
返回字符串的长度，所谓字符串的长度是指其包含的字符的个数。
var len = a.length();
//len = 5
- toLowerCase
//将整个字符串转成小写字母。
var lower_string = a.toLowerCase();
//lower_string = "hello"
toUpperCase
将整个字符串转成大写字母。
var upper_string = a.toUpperCase();
//upper_string = "HELLO"
