字符串概述
字符串基础数据类型属于值类型，值类型是不可以改变的。字符串的相关方法是不能改变原本的字符串的，以返回一个新的字符串作为对应的特性。字符串也是一个数据结构（存储结构）数据结构名叫作串（字符串一块组成的一个串），那么他就具备增删改查的方法。
字符串的声明创建
第一种声明直接赋值（栈的地址值）
var str = 'hello' //单引号和双引号都是字符串
var str = '您好'
第二种声明方式 使用new关键词（重新开辟内存）
var str = new String('hello');
new String 和 String的区别
//new String 和 String 的区别
var number1 = 10;
var strNumber = String(number1)//字符串10
var strNumber1 = new String(number1) //字符串10
console.log(strNumber === '10'); //true 不会开辟新的内存空间
console.log(strNumber1 === '10'); //false 不会开辟新的内存空间
-
new String 会重新开辟新的内存空间
-
而String只是简单进行转换 转换的值位于栈上面
es6新增的字符串模板``
//ES6新增字符串模板
var number = 10
var str = `您的年纪是${number}岁`;
console.log(str);
-
使用``来包含 里面可以识别对应的变量
-
对应需要识别的变量使用${变量名}
扩展内容
1TB = 1024GB
1GB = 1024MB
1MB = 1024KB
1KB =1024B
1B = 8个位
数值在对应的计算机内占几个字节
数值是占一个字节 英文字符一般占一个字节 中文字符一般占两个字节（根据对应的编码来的）
字符串的相关方法（不会改变原本字符串）
查询相关的方法
根据字符串找下标的方法（找到了返回对应的第一次出现的下标 找不到返回-1）
indexOf（从前到后）
var str = '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
var regx = /abc/gi
console.log(str.search('abc'));//0
console.log(str.search(regx));//0
手写源码实现indexOf方法和lastIndexOf方法
indexOf实现
// indexOf从前往后查找
var currentStr = 'abcdefgabc'
console.log(currentStr[0]);//a
//传递的参数是匹配的字符串
function myIndexOf(str,start){
if(typeof start == 'undefined'){
start = 0
}
//遍历当前的字符串 我们可以通过对应的下标来访问对应的字符串
var index = -1
//遍历当前的字符串
for(var i = start;i<currentStr.length-str.length+1;i++){
//声明一个字符串进行拼接比较
var targetStr = currentStr[i]
//拼接字符串
for(var j=1;j<str.length;j++){
targetStr += currentStr[i+j]
}
//进行比较
if(targetStr == str){
index = i
break
}
}
return index;
}
console.log(myIndexOf('abc',1));
lastIndexOf实现
// lastIndexOf 从后往前查找
//传递的参数是匹配的字符串
function myLastIndexOf(str, start) {
if (typeof start == 'undefined') {
start = currentStr.length - 1
}
//遍历当前的字符串 我们可以通过对应的下标来访问对应的字符串
var index = -1
//遍历当前的字符串
for (var i = start; i >= 0; i--) {
//声明一个字符串进行拼接比较
var targetStr = currentStr[i]
//拼接字符串
for(var j=1;j<str.length;j++){
targetStr += currentStr[i+j]
}
//进行比较
if (targetStr == str) {
index = i
break
}
}
return index;
}
console.log(myLastIndexOf('abc', 1));
根据对应的下标返回对应的字符串
charAt（根据下标返回字符串）
//字符串跟数组一样可以直接通过下标来访问对应的字符
var str = 'hello'
console.log(str[0]);//h 返回下标为1的字符
//根据下标获取对应的字符串
console.log(str.charAt(0));
charCodeAt（根据下标返回对应的字符串的ascii码）
//根据下标获取对应的字符串的ascii码 找不到返回NaN
console.log(str.charCodeAt(0));//返回h的ascii码 104
字符串拥有的特性
-
可以根据下标来访为对应的字符串
-
有length属性 可以通过length来获取对应的长度（length是只读属性）
-
字符串不可变
截取方法
slice截取方法
var str = 'hello';
//传入的参数 开始的下标 结束的下标（不包含结束位置）
var str1 = str.slice(1,3)
console.log(str1);//el
var str1 = str.slice()//截取全部
console.log(str1);//hello
var str1 = str.slice(1)//从下标1截取到末尾
console.log(str1);//ello
var str1 = str.slice(-1)//从下标length-1截取到末尾
console.log(str1);//o
substring截取方法
var str = 'abcdefg'
//substring 必须具备开始位置（不支持负值） 结束位置可以写可以不写
var str1 = str.substring(1)//从下标截取到结尾
console.log(str1);//bcdefg
var str1 = str.substring(2,5)//从下标2截取至下标5，不包括下标5
console.log(str1);//bcd
substring截取方法
//substr 截取 开始位置 个数
var str = 'abcdefg'
var str1 = str.substr(1)//从下标1开始截取到末尾
console.log(str1);//bcdefg
var str1 = str.substring(1,3)//从下标1开始截取3个
console.log(str1);//bcd
连接的方法
concat连接
//连接方法concat 相当于+
var str = 'world'
var str1 = str.concat('hello')
console.log(str1);
支持正则的方法（4个）
search查找下标
var regx = /abc/gi
var str = 'abc,Abc,Ab'
//search 查找 根据正则查找对应的下标 找不到返回-1（类似于indexOf）（number）
var index = str.search(regx)
console.log(index);//0
split分割
//split 分割的方法 将对应的字符串分割成对应的数组（Array）
var str = 'abc,Abc,Ab'
var regx = /,/gi
var splitArray = str.split(regx)
console.log(splitArray);
match匹配
//match 匹配 将匹配的内容（如果没有g，那就只匹配第一个填入）填充到对应的数组返回（Array）
var regx = /abc/gi
var str = 'abc,Abc,Ab'
var matchArray = str.match(regx)
console.log(matchArray);//如果是全局匹配将获取所有匹配的 如果不是全局只会拿到第一次找到的
replace替换
//replace 替换的方法 将对应的内容替换成某个内容然后返回（String）
var regx = /abc/gi
var str = 'abc,Abc,Ab'
var newStr = str.repalce(regx,'hello')//只会替换第一次找到的（如果对应的正则里面有g那么全部替换否则只替换第一次找到的）
replace的高阶函数用法
//所有的方法里面以函数作为的参数的函数称为高阶函数
//replace其实是一个高阶函数
var str = '你好世界'
var str1 = str.replace('好'，function(value){//这个value其实就是前面匹配的'好'这个值
console.log(value);
return value +'坏' //返回的值其实就是你用于替换的值
})
console.log(str1);//你好坏世界
其他的辅助方法
去除前后空格
trim
//trim去除前后空格
var str = ' a b '
var str1 = str.trim()
console.log(str1)
转大小写
toUpperCase
//转大写
var str = 'abcABcd'
var str1 = str.toUpperCase()//转大写
console.log(str1);
toLowerCase
//转小写
var str = 'abcABcd'
var str1 = str.toLowerCase()//转小写
console.log(str1);
静态方法 将ASCII码转为字符串（使用类名.对应的方法 调用 使用static进行修饰）
fromCharCode
,//静态方法 使用对应的类名直接点 使用static进行修饰的 fromCharCode
var newStr = String.fromCharCode(97,98,99) //将ascii码变成字符串
console.log(newStr);//abc
跟html标签相关的方法（了解就好）
sub下标
//返回一个sub标签
var str = 'hello'
var sub = str.sub()
console.log(sub);
fontcolor
//fontcolor 返回一个font标签指定对应的颜色
var tag = str.fontcolor('red')
console.log(tag);
fontsize
//fontsize 返回一个font标签指定对应的字体大小
var tag = str.fontsize(30)
console.log(tag);
总结
-
字符串是基础值类型，不能被更改。
-
字符串的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，不包括1
Math.abs 取绝对值
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
