JS中常用的字符串处理函数详解

大家在日常编程中一定经常涉及到对于数据的操作,其中字符串的操作是相当多的,例如你要从数据库,或者文本框中调用一段数据的时候,有的时候是需要进行加工再使用的,所以下面我就为大家整理了JS中常用的一些字符串操作函数,希望能帮助到大家

.charAt(n)
这个一遍用于取出目标地址的字符,其中n就是目标字符的地址,例如下方代码

<script>
			var str="abcdefghijklmn";
			console.log(str.charAt("3"));
</script>

在这里插入图片描述
可以看到运行结果是提取出了字符串str中第3位的字符”d”(位置是从0开始的)

.split("")
这个函数是以用字符串的分割,什么意思呢?看下面的例子你就懂了

<script>
			var str="a/b/c/d/e/f/g/h/i/j/k/l/m/n";
			var a=str.split("/");
			console.log(a);
</script>

在这里插入图片描述
发现没有,文中的分隔符都被去掉了,比如你平常要获取像时间,多个类名这种情况的时候,数据中会带有分割字符,如果想把这些东西去掉后再把每个数组单独分割出来的话,可以用这个方法。拓展:使用时,如果split后面括号的引号中如果什么都不填的话,是默认将每一个字符都分割出来,比如下面的例子

<script>
			var str="a/b/c/d/e/f/g/h/i/j/k/l/m/n";
			var a=str.split("");
			console.log(a);
</script>

在这里插入图片描述
.substring(a,b)
截取字符串,a是开始地址,b是截止地址(不包括),下面请看例子

		<script>
			var str="abcdefghijklmn";
			var a=str.substring(2,5);
			console.log(a);
		</script>

在这里插入图片描述
上述代码将字符串str从第2位开始,截到了第5位(不包括第5位),值得一提的是,如果你在substrng中只传入一个参数的话,那么会把从这个位置起,到后面所有的数据都会截下来

<script>
			var str="abcdefghijklmn";
			var a=str.substring(2);
			console.log(a);
</script>

在这里插入图片描述
.substr(a,b)
这个函数也是截取字符串,不过与上面的substring不同的是,参数a代表开始位置,而参数b却代表的是截取的长度,就是说你输入几,他就往后截几个数

		<script>
			var str="abcdefghijklmn";
			var a=str.substr(2,5);
			console.log(a);
		</script>

在这里插入图片描述
可以看到上述代码执行后,将第2位开始,后面的五个数都截了下来,当然,有一点和substring相同的是,如果你只传入一个参数的话,后面的数据也是都会被截下来

.slice(a,b)
这个函数和substring用法相同,a是起始位置,b是结束位置(不包括位置b的数据)

		<script>
			var str="abcdefghijklmn";
			var a=str.slice(2,5);
			console.log(a);
		</script>

在这里插入图片描述
可以看到,输入结果也是从第2位截到了第5位(没有截到第5位的数据)

.toUpperCase()
这个函数的作用是将目标字符串中所有的字母都转换成大写

		<script>
			var str="abcdefghijklmn";
			var a=str.toUpperCase();
			console.log(a);
		</script>

在这里插入图片描述
可以看到对str执行了toUpperCase()后,里面所有的字母都被转换成了大写,这时候你可以会问了,有大写转换有没有小写转换呀,肯定是有的
.toLowerCase()
把上面的Upper换成lower就变成了小写转换,下面我们把刚刚用大写转换后后的数组在执行一下小写转换看看能不能转回来

		<script>
			var str="abcdefghijklmn";
			var a=str.toUpperCase();
			console.log(a.toLowerCase());
		</script>

在这里插入图片描述
OK成功啦,可以看到字符串中所有的大写字符都被转换回来了

.indexOf(n)
这个与charAt相对应,charAt是获取查找目标位置的数据,而这个是查找目标字符所在的位置,如果目标字符不存在的话,则会返回-1

		<script>
			var str="abcdefghijklmn";
			var a=str.indexOf("f");
			var a=str.indexOf("z");
			console.log(a);
			console.log(b);
		</script>

在这里插入图片描述
可以看到存在的数据被返回了相对应的位置,不存在的数据则返回了-1,需要注意的是,,indexOf是遇到第一个目标字符就停止了,后面还有相同的话就不会管了。拓展:indexOf可以输入两个参数indexOf(n,m),其中,m的意思是指从第m位开始查找,不再是默认的从第0位开始找了

. lastIndexOf (n)
这个没啥好说的,就是上面indexOf的兄弟,他与indexOf不同的就是和他的名字一样(last是最后的意思),indexOf不是从第0位开始找嘛,他这个兄弟lastIndexOf就是从最后一位开始从后往前找。

.concat(n)
这个是拼接字符串用的函数,可以将两个字符串拼在一起并返回一个新的字符串

		<script>
			var str="abcdefghijklmn";
			var str2="123456789";
			var str3=str.concat(str2);
			console.log(str3);
		</script>

在这里插入图片描述
当然,你也在concat中可以输入任意数据进行拼接

		<script>
			var str="abcdefghijklmn";
			var str2=str.concat(666);
			console.log(str2);
		</script>

在这里插入图片描述
吐槽:这个方法其实比较鸡肋,因为拼接字符串直接用加号”+”就可以了,并不用这么麻烦的!!!∑(゚Д゚ノ)ノ

		<script>
			var str="abcdefghijklmn";
			var str2="123456789";
			var str3=str+str2+"6666"+123;
			console.log(str3);
		</script>

在这里插入图片描述
什么?你问我这样是不是就结束了,等等,我再讲个两分钟,拖个堂哈哈,扩展一个函数
join("")
这个函数是转换函数,用法举例如下
数组转换成字符串的方法 :
var arr = [“你好”,“世界”];
var res = arr.join();
如果join不传递参数,默认以 “,” 进行分割;
var res = arr.join("~");
日期的转换 => year/month/date
var arr = [“2020”,3,2];
var res = arr.join("/");

好啦,上面就是常用的一些字符串处理函数啦,欢迎各位小伙伴补充与指出问题呀~

发布了3 篇原创文章 · 获赞 17 · 访问量 361

猜你喜欢

转载自blog.csdn.net/qq_40060770/article/details/104730454