原生js中字符串的方法

查找字符

str.indexOf(x,y)

str.indexOf(x,y)
	返回一个从y首次出现x的索引号
	x必须,子串的值
	y可选,从y的地方开始查找
	y的取值范围是[0,str.length-1]
	tip
		如果找不到,返回-1
		该方法对大小写敏感

str.lastindexOf()

str.lastIndexOf()
	返回值还是子串从后向前第一次出现的索引号
	用法同indexOf(),区别在于该方法从后向前检索字符串

str.charAt(index)

str.charAt(index)
	返回指定位置的字符
	index的取值范围是[0,str.length-1]
	如果不在这个范围内,则返回空字符串

str.charCodeAt(index)

str.charCodeAt(index)
	效果同charAt()
	区别是返回的Unicode编码

String.fromCharCode(num1,num2,…)

String.fromCharCode(num1,num2,...)
		Unicode反编码

截取字符串

str.substr(x,length)

str.substr(x,length)
	截取字符串
	参数:x指的是截取位置,length指的是截取长度
	x如果为负值,即倒着数第x个字符串
	ECMAScript新标准不推荐该方法

str.substing(start,end)

str.substing(start,end)
	截取字符串
	start,end不能为负值,start必需,end可选
	只写start,从start到字符串结尾
	start==end,返回空字符串
	start与end写反,会自动颠倒
	包头不包尾

替换字符串

raplace()

raplace()
	replace() 方法用于在字符串中用一些字符替换另一些字符,
	或替换一个与正则表达式匹配的子串。
	var str="Welcome to beijing";
	alert(str.replace(/e/g,"x"));	//替换所有

字符串转换成数组

split()

split() 方法用于把一个字符串分割成字符串数组
	split(x,y)
		x是分割符(必须)
		y是数组的长度(可选)
			var str="How are you doing today?"
document.write(str.split(" ") ) 	How,are,you,doing,today?
document.write(str.split("") ) H,o,w, ,a,r,e, ,y,o,u, ,d,o,i,n,g, ,t,o,d,a,y,?
document.write(str.split(" ",3)) How,are,you
字符串转换为数组

字符串str转换为小写

str1.toLowerCase()

str1.toLowerCase()方法用于把字符串str转换为小写。

字符串转换为大写

str.toUpperCase()

str.toUpperCase()方法用于把字符串转换为大写

ES6新增

删除字符串的头尾空格

trim( )

trim( )
	ES5新增方法
	用于删除字符串的头尾空格。
	不会改变原始字符串。
	多用于表单输入
trimStart()消除字符串头部的空格,
trimEnd()消除尾部的空格
	返回的都是新字符串,不会修改原始字符串。

查找

includes()

includes()
	返回布尔值,表示是否找到了参数字符串。

startsWith()

startsWith() 
	表示参数字符串是否在原字符串的头部,返回布尔值

endsWith()

endsWith()
	表示参数字符串是否在原字符串的尾部,返回布尔值
	endsWith的行为与其他两个方法有所不同。
	它针对前n个字符,而其他两个方法针对从第n个位置直到字符串结束。

重复 repeat()

repeat( )
	repeat方法表示将原字符串重复n次,返回一个新字符串。
		‘x’.repeat(6)

头部或尾部补全指定的字符panStart( )

padStart()用于头部补全,
padEnd()用于尾部补全。
padStart()和padEnd()一共接受两个参数,第一个参数是字符串补全生效的最大长度,
第二个参数是用来补全的字符串。
	超过长度,不生效;如果省略第二个参数,默认使用空格补全长度。

raw()

返回一个斜杠都被转义(即斜杠前面再加一个斜杠)的字符串,往往用于模板字符串的处理方法。

let a=String.raw `Hi\${2+3}`;
let b=`Hi\${2+3}`;
console.log(a); //Hi\${2+3}
console.log(b); //Hi${2+3}

猜你喜欢

转载自blog.csdn.net/qq_47008195/article/details/108241001