不要再混淆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

1. 仅有一个入参

let str = 'xiaobe'
let str1 = str.substring(1);
console.log(str1);  //iaobe

当只有一个入参的时候,会自动输出后面所有字符

1. 入参的start>end

let str = 'xiaobe'
let str1 = str.substring(3,1);
console.log(str1);  //ia

当读取位置大于结束位置的时候,substring会自动调整位置

1. 如果end为负数

let str = 'xiaobe'
let str1 = str.substring(3,-1);
console.log(str1);  //xia

当end为负数的时候,substring会输出start之前的字符

注意,start的最后一位依然是不会取到的

substr

1. 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字符串方法大全

转载:https://www.cnblogs.com/l1pe1/p/6197371.html

• 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"