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

字符串中常用的方法

索引特点，从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()