学习JavaScript第三周

字符串的遍历，字符串虽是简单数据类型却有对应的属性和方法，这是因为字符串是包装类型（当然布尔类型和数字类型也是包装类型），临时具有对象的属性和方法，在使用完后就会释放对象。

简单的淡入淡出的轮播图，原理就是将多个图片使用相对定位定在一起，令第一张添加一个类，元素类型为显示，然后加上定时器，利用for循环一次给后面的图片添加类名，在此之前要用排他思想，清除其他图片的类名，

给当前图片设置类名。

冒泡排序，经常出现在笔试题中，利用双层for循环来实现，外层循环决定要排序的次数，里层循环确定每次循环要走几步。如下

let arr1 = [9, 7, 3, 1, 5, 11];

//外层循环是次数，所以只需要length-1次就能完成排序

for (let i = 0; i < arr1.length - 1; i++) {

            for (let j = 0; j < arr1.length - i - 1; j++) { //内层循环是移动次数

                if (arr1[j + 1] < arr1[j]) { //解构赋值

                    [arr1[j], arr1[j + 1]] = [arr1[j + 1], arr1[j]]; //从小到大

                }

            }

        }

然而数组中的排序，这么简单的功能，底层肯定封装得有函数，那就是sort（）方法，如果sort（）里面不跟参数，直接对纯数字数据类型的数组进行排序，默认是从小到大；如果里面有纯数字的字符串，这不会进行隐式转换，所以排序要出错；sort（）方法里面可以跟参数，但是这个参数是个函数，所以这个函数称之为回调函数，回调函数有a，b两个值，如果回调函数返回的是a - b则是升序排序，反之则是降序排序。

下面这些事字符串的常用方法

API	字符串中的API的作用(全部API都不会破坏原字符串)
str.toUpperCase( )	将字符串中的小写转换为大写
str.toLowrCase( )	将字符串中的大写转换为小写
str.charAt( i ) ==>等同于str[ i ]	字符串通过索引找到某个字符
str.charCodeAt( i )	根据字符找ascii码
String.fromCharCode( i )	根据十进制数找到阿斯克码
arr/str.indexOf( '关键字'，starti )	通过关键字来找到在数组或字符串中的下标，开始检索下标默认是从0开始的。
str / arr.slice( starti, endi + 1 )	（能取负值）截取子串，含头不含尾，若想含尾就在后面+1
str . substring( )	和slice基本一样，但是不能取负值
str.substr( starti , n )	截取首个字符串的索引号，第二个参数为截取个数
str . concat( )	用于拼接字符串，但是更加推荐+号
str . replace( '关键字'/正则表达式， ’替换字符‘ )	用于替换关键字，搭配正则表达式会更好用哦。
str . split（'分隔符号'）	用于字符串的切片，切片以分隔符号为准，若是空字符串则输出单个字符组成的数组

其中indexOf也能用于数组的去重，如下：

let arr = [];

        let newArr = [1, 1, 'true', 'true', true, true, 15, 15, false, false, undefined, undefined, null, null, NaN, NaN, 'NaN', 0, 0, 'a', 'a', {}, {}];

        for (let i = 0; i < newArr.length; i++) {

            if (arr.indexOf(newArr[i]) === -1) {

                arr.push(newArr[i]);

            }

        }

        console.log(arr);

如果要计算某个字符在字符串中出现的次数，可以使用哈希数组来实现，因为js里面一切的东西都是对象：除了undefined和null，【一切对象的底层都是hash数组】；

字符串的split（）方法可以用来切割用连接符号组成的字符串；然后就可以利用这个搭配DOM操作来对数据进行渲染。

正则表达式：即字符串中的匹配规则，通常用于判断用户输入的数据是否合法。

格式：/正则表达式/后缀后缀通常有i 忽略大小写，g全文匹配

用户可以自定义字集，也可以用预定义字集。预定义字集有 \d === [ 0 - 9 ] \w === [0-9A-Za-z] \s 包括：空格、换行、制表符

可以在字集的后面添加花括号来确定匹配的个数：

字符集{ n，m }：前边相邻的字符集，至少n个，最多m个。

字符集{ n， }：前面相邻的字符集，至少n个，多了不限制

字符集{ n }：前面相邻的字符集，指定个数为n

若没有明确数量

？：前边相邻的字符集，可有可无，最多一个。

*：前边相邻的字符集，可有可无，多了不限

+：前边相邻的字符集，至少一个，多了不限

选择和分组：

　　　　选择：在多个规则中选一个

　　　　　　规则1 | 规则2

　　　　分组：将多个子规则临时组成了一组规则

　　　　　　（规则1 | 规则2）　　

指定匹配位置：

　　　　^确定开头，$确定结尾

字符串的两个方法支持正则：

　　　　str.split(正则表达式)；用于简单切割

　　　　str.replace(正则表达式，替换的字符)；用于替换

　　　　当然上面写的替换字符也可以是个回调函数，可以根据不同的字符串个数替换成不同程度的内容。如下：

str=str.replace(/正则表达式/后缀,function(a,b,c){

        //第一个形参是正则匹配到的关键字

        //第一个形参是正则匹配到的关键字的下标

        //原文本身

        return a.length==2?"**":"***";

})

　　　　格式化数据，例如将身份证上的生日信息提取出来如下：

var str="500103198602215933";

            var reg=/(\d{6})(\d{4})(\d{2})(\d{2})(\d{4})/;

            str=str.replace(reg,function(a,b,c,d,e,f){

            //在replace的时候，正则出现了分组，我们会得到更多的形参

            //有多少个分组就会多出现多少个形参

            //第一个形参是正则匹配到的关键字

            //第二个形参会得到关键字的索引号

            //第三个形参会得到第一个分组获取到的部分

            //第四个形参会得到第二个分组获取到的部分

            //第五个形参会得到第三个分组获取到的部分

            //...

            return c+"年"+d+"月"+e+"日"

})

console.log(str);

　　　　当然也可以密码的强度验证：

// 预判公式：

var reg = /^(?![0-9]+$)规则$/  //不能全由数字组成

var reg = /^(?![a-z]+$)规则$/ // 不能全由小写字母组成

var reg = /^(?![0-9a-z]+$)[0-9A-Za-z]{4}$/   // 不能全由数字组成，也不能全由小写字母组成，也不能由数字和小写的组合组成 - 至少一个大写字母

//4位密码，数字和字母的组合，至少出现一位数字和大写字母

var reg=/^(?![0-9a-z]+$)(?![A-Za-z]+$)[0-9A-Za-z]{4}$/

//4位密码，数字和字母的组合，至少出现一位数字和大写字母和小写字母

var reg=/^(?![0-9a-z]+$)(?![A-Za-z]+$)(?![A-Z0-9]+$)[0-9A-Za-z]{4}$/

当然正则也是复杂对象之一；

1.创建正则对象：

　　　　字面量：var reg = /正则表达式/后缀;

　　　　构造函数方式：var reg2 = new RegExp("正则表达式"，“后缀”)；

2.正则对象中的API：验证

　　　　var bool = reg.test("用户输入的内容”);

　　　　true内容合法，false内容非法；

Error对象：错误对象

浏览器自带四种错误类型：可以快速找到自己错误的类型

　　　　语法错误：SyntaxError

　　　　引用错误：ReferenceError

　　　　类型错误：TypeError

　　　　范围错误：TypeError 只会出现在num.toFixed( n ) n>100

try...catch(error){ } 参数error表示错误提示，花括号里面可以自定义输出错误提示。

同样可以自己建立错误对象：

　　　　throw new Error( "自定义错误信息" );

Math对象：数学对象

数学对象中常用的属性便是 Math.PI 用来表示π

以下是数学对象常见的API

API	数学中的API的作用
Math.ceil( num )	向上取整
Math.floor( num )	向下取整
Math.round( num )	四舍五入的取整（但是更加推荐parseInt（）==>向下取整； toFixed( n )如果里面的n为0则代表四舍五入取整，但是此方法要配合parseInt（）使用）
Math.pow( 底数，幂)	代替位运算，指数次方
Math.sqrt( num )	开方
Math.max( num ) &Math.min( num )	获取一串数的最大值和最小值，但是如果是数组的话要搭配apply使用，格式Math.max/min.apply( Math，arr ) apply有两个功能：1.借用2.悄悄的将数组打散为单个元素
Math.abs( 负数)	可以将负数转成正数
Math.random( num )	取最大值和最小值的公式 Math.random( )*（max - min + 1) + min
其他	数学对象还提供了

Date对象：日期对象

四种创建：

var now=new Date(); //获取当前时间

var birth=new Date("yyyy/MM/dd hh:mm:ss"); //创建自定义时间

var birth=new Date(yyyy,MM-1,dd,hh,mm,ss)； //书写时间的方式，但是不推荐

复制日期操作：先创建一个日期，然后再把这个日期赋值给另外一个变量，然后再操作这个变量，用API进行加减操作。

时间的API：

　　　　分量：时间单位

　　　　年月日星期：FullYear Month Date Day

　　　　时分秒毫秒：Hours Minutes Seconds Milliseconds

　　　　每一个分量都有一对儿getXXXX（获取分量）/setXXXX（设置分量）

特殊：

　　　　1.取值范围：　　　

　　　　FullYear：当前的年份的数字；

　　　　Month：0-11

　　　　Date：1-31

　　　　Day：0-6

　　　　Hours：0-23

　　　　Minutes：0-59

　　　　2.Day星期，没有set方法

　　　　3、如果希望对某个分量进行加减操作

　　　　date.setXXX( date.getXXX +/- n )

　　　　4、格式化日期为字符串：本地格式

　　　　date.toLocaleString();//本地日期格式 - 垃圾：具有兼容性问题，在老IE上显示效果不一样;

函数对象

函数的创建：1.声明函数；2.关键字定义函数；3.构造函数创建函数（Function构造函数里面可以放入拼接的字符串，且return可以是个变量，如下所示）

var arr=[12,5,25,432,7,54,4312,41];

var user=prompt("请进行排序，如果输入a-b则为升序排列，如果输入b-a则为降序排列")

var compare=new Function("a","b","return "+user);

arr.sort(compare);

重载 overload：相同的函数名，根据传入的实参的不同（arguments），可以自动选择对应的函数进行执行

匿名函数的自调（立即执行函数）：

为什么使用匿名函数的自调：因为匿名函数，没有变量引用着，用完，垃圾回收器就会发现此引用类型没有人引用着，则垃圾回收器的计数器为0，垃圾回收器就会吧此函数释放掉。

匿名函数的回调：将函数作为了一个实参，传递给其他函数调用（是匿名函数，没有自调，就是回调）

后面还有个箭头函数来简化回调函数的操作。