JS基础（四）String和Matn中常用的方法

字符串中常用的方法

索引特点，从0开始 
length属性，字符串的长度 
如果指定索引不存在，会得到undefined 
真实项目中,我们经常操作字符串，此时我们需要掌握一些常用方法 
console.dir(String,prototype)

charAt&&charCodaAt【兼容所有浏览器】

str.charAt();返回索引指定的字符,当指定索引不存在时返回"", 
当指定索引不存在时str[100]返回undefined; 
str.charCodeAt(),在charAt的基础上，获取指定位置字符的unicode编码 
Str.fromcharCode()通过unicoed码 得到原有字符 与charCodeAt相反

substr&&substring&&slice

str.substr(n,m):从索引n开始，截取m个字符（第一个参数支持负数） 
str.subtring(n,m):从索引n开始，截取到索引m处，不包含m;（不支持负数） 
str.slice(n,m):从索引n开始，截取到索引m处，不包含m,(支持负数)；

当索引时负数时，是用字符串的总长度加上索引，在按照正数操作 
注意： 
如果只传递1个参数n，则从n截取到末尾 
如果索引超过最大值，则能截取多少是多少 
如果没有传参数，则相当于把整个字符串都截取了（字符串克隆）

toUperCase&&toLowerCase

toUperCase():把字母全部大写 str.toUpperCase() 
toLowerCase():把字母全部小写

indexOf&&lastIndexOf【兼容所有浏览器】

indexOf:获取当前字符首次出现的位置 
lastIndexOf:获取当前字符最后一次出现的位置

注意 
如果当前字符串没有出现过，结果为-1；由此可以借用此方法来检查是否具有某元素

split

Str.split:按照某一元素将字符串划分为几组,返回的是一个数组 
若不存在，则保持原来的Str 
支持正则

str='wedfg';
str.split('d');
//返回值是个数组
(2) ["we", "fg"]
0: "we"
1: "fg"
length: 2
__proto__: Array(0)

replace

Str.replace:实现字符的替换 
Str.replace(a,b) //用b替换a 
执行一次只能替换一个，想替换多个的多次执行，真实项目中一般正和则一起使用；

trim&&trimLeft&&trimRight

Str.trimLeft:去除字符串左边兼容 
Str.trimRight:去除字符串右边空格 
Str.trim:去除字符串收尾空格

案例：queryURLParameter

获取地址栏中URL地址问号的传递参数值 
https://www.baidu.com/s?word=谷歌浏览器&tn=93219212_hao_pg&ie=utf-8 
问号后面就是我们传递的参数 
https://www.baidu.com/s?f=8&rsv_bp=1&rsv_idx=1&word=小说&tn=94076069_hao_pg

我们的目标：把问号传递的参数值给解析出来 
obj={word:’谷歌浏览器’,tn:93219212_hao_pg,ie:utf-8}

function queryURLParameter(url){
//=>定义一个函数
     var quesIndex=url.indexOf('?');
     //获取？的位置
     var obj={};//定义一个空函数
     if(quesIndex===-1){
     //如果？不存在
     return obj;
     }
     url=url.substr(quesIndex+1);
     //获取?后面的字符串
     var ary=url.split('&');
     //用&将字符串划分为数组
     for(var i=0;i<ary.length;i++){
         var curAry=ary[i].split('=');
          //用=将字符串划分为长度为2的数组
         obj[curAry[0]]= curAry[1];
         //数组中第一个为属性，第二个为属性值
      return obj;
     }       

 }

Math中常用的方法

数学函数，但是他是对象类型 
Math 中为我们提供了很多常用操作数字的方法 
conlse.dir(Math)查看有很多方法

@[abs]

Math.abs() 取绝对值

@[ceil/floor]

Math.ceil() 向上取整 
Math.flloor() 向下取整

@[round]

Math.round() 四舍五入

@[random]

Math.random() 获取[0-1)之间的随机小数

//获取0-10之间的随机小数[0-10]
Math.round(Math.random()*10)
//获取[]3-15]的随机整数
Math.round(Math.random())*12+3

注意规律

获取[n,m]之间的随机整数 
Math.round(Math.random())*(m-n)+n

@[max/min]

Matn.max:获取一组数据的最大值 
Math.min:获取一组数据的最小值

@[PI]

Math,PI:获取圆周率

@[pow/sqrt]

Math.pow:获取一个值的多少次幂 
Math.sqrt 开平方

案例：验证码基本功能实现 （结合Math和String）

一般是由后台处理，后台返回给客户端一张图片（图片中包含了验证码） （防止批量注册，前端容易被解析） 
验证码形式1、字母数字2、问答3、选择图片4、成语拼图5、图片拼图6、滑动拖拽

案例主要思想(获取4个字母和数字的组合)

获取文档中的元素(最后数字要放进去) 
定义一个空数组（用于存放随机获得的字符） 
定义一个取值区域（0-9，a-z,A-Z）共62个 
创建for循环 
获取一个0-61的随机整数（Math.round(Math.random*61)） 
利用这个整数获取该位置的字符，charAt()