JavaScript之字符串方法

目录

一、 字符串截取

字符串截取是字符串中非常实用的方法之一,可以快速的把字符串里面我妈需要的内容截取下来。在JavaScript开发中字符串给我们提供了slice、substring、substr三种方法来截取字符串,三种方法有所相同又有所不同。

1. substring()

substring方法中有两个参数,分别为startendstart代表从第几位开始,end代表到第几位结束。

javascript 复制代码
var str ='abcdefg';
console.log(str.substring(1,3);
//运行结果:    bc

如果只有一个参数,那么就从第一个参数的位置一直截取到最后面。

如果stratend大,那么相当于他们调换一下位置再截取。

如果第二个参数为0或者负数,那么就从第0位截取到第一个参数的位置。

2. substr()

和substring一样,也有两个参数startendstrat的用法相同,都是从第几位开始,但是end是截取几位,

javascript 复制代码
var str ='abcdefg';
console.log(str.substring(1,3);
//运行结果:    bcd

如果只有一个参数,则代表从第几位截取到最后一位。

如果第二个参数为负数或者0,截取结果为空字符串。

如果第一个参数为负数,则字符串从后往前截取。

3. slice()

silce也有两个参数,start和end,start代表从第几位开始,end代表到第几位结束。

javascript 复制代码
var str ='abcdefg';
console.log(str.substring(1,3);
//运行结果:    bc
如果只有一个参数,则代表从第几位截取到最后一位。
  如果第二个参数为负数,截取的结束位置是从后往前数。
  如果第一个参数为负数,截取从最后开始。

二、 下标方法

JavaScript可以使用charAt方法,通过给予下标的方式来获取字符串的响应的内容。如果里面参数为数字,没有找到的话会返回空字符串。如果里面参数放入其他规则内容则会返回该字符串的第0位下标。

javascript 复制代码
var str = 'abcde';
consloe.long(str.charAt[1]);

三、字符串连接方法

concat方法

字符串可以使用concat方法进行字符串拼接,concat方法可以放入任何的内容拼接出来都会是字符串形式。concat方法里面可以放入多个参数,相当于依次拼接。

javascript 复制代码
var  str='123';
str1=str+1+True;

四、大小写转换方法

字符大小写转换也是字符串中非常实用的方法之一,可以把字符串的内容直接进行大小写转换。

这个方法一般只作用于英文字母大小写字母上。

javascript 复制代码
var str ='fs';
str1=str.toUpperCase();
//   str1=FS
str2=str1.toLowerCase();
//str2=fs

五、查找索引方法

字符串查找索引方法也是字符串中非常实用的方法之一,可以快速查看想要的内容是否在字符串内部。

字符串给我们提供了indexOflastIndexOf方法,方便我们从前后者从后方查找。

javascript 复制代码
var str='ABCDEFG';
str.indexOf('B');//返回值为对应字符的下标    如果没找到,则返回-1

当我们字符串中查找多个连续字符的时候,他会返回第一个字符的下标,如果在字串中无法查找,则返回-1。

lastIndexOf的第二个参数是截取多少位,然后在这一段字符串里面去进行查找。

六、替换内容方法

replace方法可以用来替换字符串中的内容,在替换时是先查找再替换。当字符串中没有要替换的字符,将返回原字符串。但是replace只会替换查找到的第一个字符串。当我们需要替换一个字符串内的多个子字符串的时候,需要使用循环。

javascript 复制代码
var str ='abcdefgabcdefgabcdefg';
function to(needStr){
	if(needStr.indexOf('c')!=-1){
		needStr=needStr.replace('c','a');
		to(needStr);
	}
	else{
		return needStr;
	}
}

replaceAll用来替换一个字符串内的所有需要查找并替换的字符串。

两种方法的第二个参数都可以放入一个函数,函数可以有三个参数,三个参数分别是找到的字符串内容,该内容索引,和原字符串,其返回值内容为最后替换的内容。

七、去掉空格方法

trim用来删除字符串前后的字符串,不会去清理字符串中间的字符串

trimLeft用来清除字符串前面没用的字符串

trimStart用来清除字符串前面没用的字符串

trimRight用来清除字符串后面没用的字符串

trimEndt用来清除字符串后面没用的字符串

八、字符串转数组的方法

字符串转数组的方法采用split()方法来分割,()中的参数是字符串中的字符,将该字符变为,进行切割。

javascript 复制代码
var str='abcabcabc';
str1=str.split('c');
console.log(str1);
//显示结果:["ab","ab","ab"]
相关推荐
Codigger官方7 分钟前
Linux 基金会牵头成立 React 基金会:前端开源生态迎来里程碑式变革
linux·前端·react.js
90后的晨仔8 分钟前
🌟 Vue3 + Element Plus 表格开发实战:从数据映射到 UI 优化的五大技巧
前端
武文斌778 分钟前
项目学习总结:LVGL图形参数动态变化、开发板的GDB调试、sqlite3移植、MQTT协议、心跳包
linux·开发语言·网络·arm开发·数据库·嵌入式硬件·学习
爱吃喵的鲤鱼12 分钟前
仿mudou——Connection模块(连接管理)
linux·运维·服务器·开发语言·网络·c++
爱吃小胖橘36 分钟前
Unity网络开发--超文本传输协议Http(1)
开发语言·网络·网络协议·http·c#·游戏引擎
郝学胜-神的一滴44 分钟前
使用Linux的read和write系统函数操作文件
linux·服务器·开发语言·数据库·c++·程序人生·软件工程
ObjectX前端实验室1 小时前
【图形编辑器架构】🧠 Figma 风格智能选择工具实现原理【猜测】
前端·react.js
天桥下的卖艺者1 小时前
R语言基于shiny开发随机森林预测模型交互式 Web 应用程序(应用程序)
前端·随机森林·r语言·shiny
小火柴1231 小时前
利用R语言绘制直方图
开发语言·r语言