javaScript中字符串常用方法总结

357 阅读2分钟

平时在工作中处理字符串时会常用到一些方法,用的时候可以查一下文档来解决问题,但是过段时间就忘记了或者记忆模糊,所以想具体整理下这些方法,加深印象和理解。

  • 截取字符串

slice()

示例 1 : 两个参数

var str = "butterYou";
var strSlice = str.slice(0,1);

strSlice的值是"b"; 截取索引为[0,1)之间的字符串,不包括索引1

示例 2 : 一个参数

var str = "butterYou";
var strSlice = str.slice(6);

strSlice的值是:"You"; 截取索引为[6,length-1]之间的字符串,包括下索引6;(length是字符串的长度)

注:需要注意的是slice()可以设置参数为负数,目前还不明白什么情况下需要故意用到负数索引

substring()

用法和slice()一模一样,只是不接受参数为负数。

substr()

示例1 :两个参数

var str = "butterYou";
var strSub = str.substr(6,3);

strSub的值是:"You";

第二个参数的意思是截取的字符串长度,并不是索引。示例中从索引6即字符串"Y"开始共截取3位字符串。

示例2: 一个参数

var str = "butterYou";
var strSub = str.substr(1);

strSub的值是:"utterYou";

同slice()一个参数的情况一致。

总结下这三个方法:

都是可以用来截取字符串的方法;

slice(start,end?)

substring(start,end?)

substr(start,length?)

  • 获取字符串中的字符

charAt()

示例

var str = "butterYou";
var char = str.charAt(6);

char的值是:"Y"

  • 查找字符串中的字符或字符串

indexOf()

示例

var str = "butterYouButterYou";
var strIndex = str.indexOf("You");

strIndex的值是:6

indexOf会返回"You"在字符串str中首次出现的索引位置,其实吧就是首次出现的"You"中'Y'的位置。

lastIndexOf()

var str = "butterYouButterYou";
var strIndex = str.lastIndexOf("You");

strIndex的值是:15

lastIndexOf会返回"You"在字符串str中最后一次出现的索引位置,其实吧就是最后一次出现的"You"中'Y'的位置。

总结下这两个方法:

都是用来查询字符串中的字符或者字符串,只是查询方向不一样。返回的结果是索引位置,如果没有找到要查询的字符或者字符串,就会返回-1;

  • 拼接字符串

concat()

示例:

var str1 = "jue";
var str2 = "jin";
var str3 = str1.concat(str2);

str3的值是:"juejin"

等效于:

var str = "jue" + "jin";
  • 整个字符串转为数组

split()

示例:

var str = "juejin";
var strSplit = str.split();

strSplit的值是:["juejin"]

常用大概就是这些,若还有其他,会继续补充。