day06 字符串
字符串的概述
字符串的基础数据类型属于值类型，值类型不可以改变。
字符串的方法不能改变原本的字符串，返回一个新的字符串作为对应的特性
字符串也是一个数据结构（存储结构）数据结构名叫做串（字符串一块组成的一个串）
字符串的申明创建
1.直接赋值（常用）
varstr=‘hello’
varstr="你好"
2.使用new关键字(重新开辟内存)
varstr=newString('hello')
new String 和String的区别
//new String 和 String的区别
varnumber1=10
varstrNumber=String(number1)//字符串10
varstrNumber1=newString(number1)//字符串10
console.log(strNumber==='10');//true 不会开辟新的内存空间
console.log(strNumber1==='10');//false 会开辟新的内存空间
new String 会重新开辟新的内存空间
而String只是简单进行转换 转换的值位于栈上面
es6新增的字符串模板
varnumber=10
varstr=`你的年纪是${number}岁`
console.log(str)//你的年纪是10岁
用``包含 里面可以识别对应的变量
在``里面使用变量
${变量名}
扩展内容
1TB = 1024GB
1GB = 1024 MB
1MB = 1024 KB
1KB = 1024B
1B = 8个位
数值占一个字节 英文字符占一个 中文字符占两个
字符串的相关方法(不会改变原本字符串的)
查询相关的方法
根据字符串找下标的方法(找到了返回对应的第一次出现的下标 找不到返回-1)
indexOf(从前到后)
varstr='abcdefgabcdef'
//indexOf会返回第一次找到的下标 （从前到后）
console.log(str.indexOf('abc'));//0
console.log(str.indexOf('abc',0));//默认后面的参数不写就是从下标0开始
//从下标4开始找 从前往后找
console.log(str.indexOf('abc',4));//7
//从下标10开始查找 找不到返回-1
console.log(str.indexOf('abc',10));//-1
lastIndexOf(从后往前)
//lastIndexOf 从后往前找
console.log(str.lastIndexOf('abc'));//7
console.log(str.lastIndexOf('abc',str.length-1));//字符串的length表示对应的长度 不写对应的后面的位置就是默认从最后一位开始
//指定从下标4开始 从后往前查找
console.log(str.lastIndexOf('abc',4));//0
//指定下标从1开始找 从后往前找 (可以包含后面的内容)
console.log(str.lastIndexOf('abc',1));//0
search(从前往后 不支持指定开始位置 支持正则表达式)
//search方法使用跟indexOf一样 但是search支持正则表达式 以及search不能指定开始位置 都是从0位置开始
//search （从前到后）
console.log(str.search('abc'));//0
//当前这个正则表示查找abc 全局查找g以及不区分大小写i
varregx=/abc/gi
console.log(str.search('abc'));//0
console.log(str.search(regx));//0
手写源码实现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));
根据下标返回对应的字符串
charAt(根据下标返回字符)
// 字符串跟数组一样可以直接通过下标来访问对应的字符
varstr='hello'
console.log(str[0]);//h 返回下标为0的字符
//根据下标获取对应的字符
console.log(str.charAt(0));//h
charCodeAt(根据下标返回对应字符的ASCII码)
varstr='hello'
//根据下标获取对应的字符串的ascii码 找不到返回NaN
console.log(str.charCodeAt(0));//返回h的ascii码 104
字符串拥有的特性
可以根据下标来访问对应的字符
有length属性 可以通过length来获取对应的长度(length是只读属性 不能改)
字符串不可变
截取方法
slice截取方法
没有参数:(截取全部)
一个参数:(从开始下标截取到末尾)
(如果是负数 从下标length -几截取到末尾)
两个参数: (开始下标,结束下标)
varstr='hello'
//两个参数: 开始的下标 结束的下标(不包含结束位置)
varstr1=str.slice(1,3)
console.log(str1);//el
varstr1=str.slice()//截取全部
console.log(str1);//hello
varstr1=str.slice(1)//从下标1截取到末尾
console.log(str1);//ello
varstr1=str.slice(-1)//从下标length-1截取到末尾
console.log(str1);//o
substring截取方法
必须有开始位置(不支持负值) 结束位置可有可无(没有的话就是从开始位置截取到末尾)
varstr='abcdefg'
//substring 必须具备开始位置（不支持负值） 结束位置可以写可以不写
varstr1=str.substring(1)//从下标截取到结尾
console.log(str1);//bcdefg
varstr1=str.substring(2,5)//从下标2截取到下标5
console.log(str1);//cde
substr 截取方法
一个参数 (开始位置) 从开始位置到末尾
两个参数(开始位置,个数)
//substr 截取 开始位置 个数
varstr='abcdefg'
varstr1=str.substr(1)//从下标1开始截取到末尾
console.log(str1);//bcdefg
varstr1=str.substr(1,3)//从下标1开始截取3个
console.log(str1);//bcd
连接的方法
concat 连接
//连接方法concat 相当+
varstr='hello'
varstr1=str.concat('world')
console.log(str1);
支持正则的方法(4个)
search 查找下标
varregx=/abc/gi
varstr='abc,Abc,Ab'
//search 查找 根据正则查找对应的下标 找不到返回-1（类似于indexOf）（number）
varindex=str.search(regx)
console.log(index);//0
split 分割
指定字符分割 将字符串分割成数组
//split 分割的方法 将对应的字符串分割成对应的数组 （Array）
varstr='abc,Abc,Ab'
varregx=/,/gi
varsplitArray=str.split(regx)
console.log(splitArray);// ['abc', 'Abc', 'Ab']
match 匹配
//match 匹配的 将匹配的内容（如果没有g没有只匹配第一个填入）填充到对应的数组返回 （Array）
varregx=/abc/gi
varstr='abc,Abc,Ab'
varmatchArray=str.match(regx)
console.log(matchArray);//如果是全局匹配将获取所有匹配的 如果不是全局只会拿到第一次找到的
//['abc', 'Abc']
replace 替换
如果对应的正则里面有g那么全部替换否则只替换第一次找到的
//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);//你好坏世界
其他的辅助方法
去除前后空格
trim (只能去除前后的 中间的不行)
// trim 去除前后空格
varstr=' a b '
varstr1=str.trim()
console.log(str1);//a b
转大小写
toUpperCase
//转大写
varstr='abcABcd'
varstr1=str.toUpperCase()//转大写
console.log(str1);//ABCABCD
toLowerCase
//转小写
varstr='abcABcd'
varstr1=str.toLowerCase()//转小写
console.log(str1);//abcabcd
静态方法 将ascii码转为字符串
(使用类名.对应的方法 调用 使用static进行修饰)
fromCharCode
//静态方法 使用对应的类名直接点 使用static进行修饰的 fromCharCode
varnewStr=String.fromCharCode(97,98,99)//将ascii码变成字符串
console.log(newStr);//abc
跟html标签相关的方法（不重要）
sub 下标
//返回一个sub标签
varstr='hello'
varsub=str.sub()
console.log(sub);
fontcolor
//fontColor 返回一个font标签指定对应的颜色
vartag=str.fontcolor('red')
console.log(tag);
fontsize
//fontSize 返回一个font标签指定对应的字体大小
vartag=str.fontsize(30)
console.log(tag);
总结
字符串不能被更改(基础值类型)
字符串的length属性是只读的,不能更改
字符串的方法不会改变原本字符串,都是返回新的字符串
支持正则的方法有4个:search match split replace
字符串的截取方法:slice subString substr
indexeof是根据对应的字符获取对应下标 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 取绝对值
