字符串的概述:字符串基础数据类型属于值类型,值类型是不可以改变的。字符串的相关方法是不能改变原本的字符串的,以返回一个新的字符串做为对应的特性。字符串也是一个数据结构(存储结构),数据结构名叫做串(字符串一块组成的一个串),那么他就具备增删改查的方法。
字符串的声明创建:
第一种:直接声明赋值
第二种:使用new关键词声明
new String 和 String的区别:
1、new String 会重新开辟新的内存空间,值在堆上面
2、 String只是简单进行转换,不会开辟新的内存空间,转换的值位于栈上面
es6新增的字符串模板: ``
varnumber=10
varstr=`您的年纪是${number}岁`
console.log(str)//您的年纪是10岁
字符串的特性:
1、可以根据下标来访问对应的字符串
2、有length属性 可以通过length来获取对应的长度(length是只读属性)
3、字符串不可变
字符串的相关方法(不会改变原本字符串的):
查询相关的方法(indexOf、lastIndexOf 、search ):
indexOf(从前到后,支持负数),根据字符串找下标的方法 (找到了返回对应的第一次出现的下标 找不到返回-1)
lastIndexOf (从后往前),根据字符串找下标的方法 (找到了返回对应的第一次出现的下标 找不到返回-1)
search (从前到后 不支持指定对应的开始位置 支持正则表达式,不支持负数)
根据下标返回对应的字符串(charAt、charCodeAt):
charAt(根据下标返回字符串),字符串跟数组一样可以直接通过下标来访问对应的字符
charCodeAt (根据下标返回对应字符串的ascii码),根据下标获取对应的字符串的ascii码 找不到返回NaN
截取方法(slice、substring、substr):
slice 截取方法(开始的下标 结束的下标(不包含结束位置))
substring 截取方法 ( 必须具备开始位置(不支持负值),结束位置可以写可以不写)
substr 截取方法(开始位置 个数)
连接的方法(concat):concat 连接(相当于字符串拼接)
//连接方法concat 相当+
varstr='hello'
varstr1=str.concat('world')
console.log(str1);
支持正则的方法(4个,search ,split ,match ,replace ):
search 查找下标 (根据正则查找对应的下标,找不到返回-1)(number)
varregx=/abc/gi
varstr='abc,Abc,Ab'
//search 查找 根据正则查找对应的下标 找不到返回-1(类似于indexOf)(number)
varindex=str.search(regx)
console.log(index);//0
split 分割 (将对应的字符串分割成对应的数组 )(Array)
//split 分割的方法 将对应的字符串分割成对应的数组 (Array)
varstr='abc,Abc,Ab'
varregx=/,/gi
varsplitArray=str.split(regx)
console.log(splitArray);
match 匹配(将匹配的内容(如果没有g没有只匹配第一个填入)填充到对应的数组返回)(Array)
//match 匹配的 将匹配的内容(如果没有g没有只匹配第一个填入)填充到对应的数组返回 (Array)
varregx=/abc/gi
varstr='abc,Abc,Ab'
varmatchArray=str.match(regx)
console.log(matchArray);//如果是全局匹配将获取所有匹配的 如果不是全局只会拿到第一次找到的
replace 替换(将对应的内容替换成某个内容然后返回) (String)
//replace 替换的方法 将对应的内容替换成某个内容然后返回 (String)
varregx=/abc/gi
varstr='abc,Abc,Ab'
varnewStr=str.replace(regx,'hello')//只会替换第一次找到的 (如果对应的正则里面有g那么全部替换否则只替换第一次找到的)
console.log(newStr);//如果没有全局 那么只会替换一次 有的话会全部替换
扩展:所有的方法里面以函数作为的参数的函数称为高阶函数。
replace方法就是一个高阶函数
// replace其实是一个高阶函数
varstr='你好世界'
varstr1=str.replace('好',function(value){//这个value其实就是你匹配的值
console.log(value);
returnvalue+'坏'//返回的值其实就你用于替换的值
})
console.log(str1);//你好坏世界
其他的辅助方法(4个,trim(去除前后空格)、toUpperCase(转大写)、toLowerCase(转小写)、fromCharCode(将ascii码转为字符串)):
trim方法,去除前后空格
toUpperCase方法,转大写
toLowerCase方法,转小写
fromCharCode方法是静态方法,将ascii码转为字符串(使用对应的类名.对应的方法 调用 使用static进行修饰)
跟html标签相关的方法(不重要)
sub 下标,返回一个sub标签
fontcolor 返回一个font标签指定对应的颜色
fontsize 返回一个font标签指定对应的字体大小
总结:
字符串是基础值类型,不能被更改。
字符串的length属性是只读的,不能更改。
字符串的方法都是以返回一个新的字符串为基准,原本字符串不会受影响。
支持正则的方法4个 search ,match ,split,replace
字符串的截取方法 slice ,substring ,substr
indexOf根据对应的字符串获取对应的下标 charAt是根据下标来获取对应的字符串。
字符串拥有通过下标访问的特性,以及具备length属性。
字符串转大小写的方法:toUpperCase(大写),toLowerCase(小写)
字符串去除前后空格的方法 trim
Math类:
概述:Math类是用于数学运算的。里面的属性及相关的方法都是静态的(方便调用)。
属性 property:
PI 圆周率Π
E 科学计数法
方法 function:
Math.max 最大值
Math.min 最小值
Math.pow 幂次方
Math.sqrt 开平方
Math.ceil 向上取整 *
Math.floor 向下取整 *
Math.round 四舍五入 *
Math.random 取随机数(0-1随机数 包含0不包含1)*
Math.abs 取绝对值
扩展:
手写源码实现indexOf方法和lastIndexOf方法
indexOf实现
// indexOf从前往后查找
varcurrentStr='abcdefgabc'
console.log(currentStr[0]);//a
//传递的参数是匹配的字符串
functionmyIndexOf(str,start){
if(typeofstart=='undefined'){
start=0
}
//遍历当前的字符串 我们可以通过对应的下标来访问对应的字符串
varindex=-1
//遍历当前的字符串
for(vari=start;i<currentStr.length-str.length+1;i++){
//声明一个字符串进行拼接比较
vartargetStr=currentStr[i]
//拼接字符串
for(varj=1;j<str.length;j++){
targetStr+=currentStr[i+j]
}
//进行比较
if(targetStr==str){
index=i
break
}
}
returnindex;
}
console.log(myIndexOf('abc',1));
lastIndexOf方法实现
// lastIndexOf 从后往前查找
//传递的参数是匹配的字符串
functionmyLastIndexOf(str,start) {
if(typeofstart=='undefined') {
start=currentStr.length-1
}
//遍历当前的字符串 我们可以通过对应的下标来访问对应的字符串
varindex=-1
//遍历当前的字符串
for(vari=start;i>=0;i--) {
//声明一个字符串进行拼接比较
vartargetStr=currentStr[i]
//拼接字符串
for(varj=1;j<str.length;j++){
targetStr+=currentStr[i+j]
}
//进行比较
if(targetStr==str) {
index=i
break
}
}
returnindex;
}
console.log(myLastIndexOf('abc',1));