JavaScript基础（五）

1、数组
数组也是一个对象。
不同的是普通对象是使用字符串作为属性名的，而数组是使用数字来作为索引操作元素。

• 索引： 从0开始的整数就是索引。

• 数组的存储性能比普通对象要好。

• 创建数组对象：var arr= new Array();

• 向数组中添加元素：语法：数组[索引] = 值；

• 读取数组中的元素：语法：数组[索引];
  如果读取不到，不会报错，会返回undefined。

• 获取数组的长度：使用length属性来获取数组的长度：
  语法：数组.length
  对于连续的数组，使用length可以获取到数组的长度（元素的个数）
  对于不连续的数组，使用length会获取到数组的最大索引加一。

• 修改length
  如果修改的length大于原长度，则多余的部分会空出来。
  若小于，则多出的元素会被删除。

• 向数组的最后一个位置添加元素：语法：数组[数组.length] = 值

2、创建数组：使用字面量
语法：[]
使用字面量创建数组时，可以在创建时就指定数组中的元素。
使用构造函数创建数组时，也可以同时添加元素，将要添加的元素作为构造函数的参数传递，元素之间使用，隔开。

• 区别：
  创建一个数组中只有一个元素10：arr = [10];
  创建一个长度为10的数组：arr2 = new Array(10);
• 数组中的元素可以是任意的数据类型，也可以是对象

3、数组的方法

• push()
  该方法可以向数组的末尾添加一个或多个元素，并返回数组的新的长度。
  可以将要添加的元素作为方法的参数传递，这样这些元素将会自动添加到数组的末尾。
  该方法会将数组新的长度作为返回值返回。

• pop()
  该方法可以删除数组最后一个元素，并将被删除的元素作为返回值返回。

• unshift()
  向数组开头添加一个或多个元素，并返回新的数组长度。
  向前面插入元素之后，其他的元素索引会依次调整。

• shift()
  可以删除数组的第一个元素，并将被删除的元素作为返回值返回。

4、数组的遍历

for(var  i=0;i<arr.length;i++){
	console.log(arr[i]);
}

一般使用for循环遍历数组，但还有一种方法：forEach()
只支持IE8以上的浏览器。

-forEach()方法需要一个函数作为参数。
像这种函数，由我们创建但是不由我们使用，称为回调函数。
数组中有几个元素就会被执行几次，每次执行时，浏览器会将遍历到的元素以实参的形式传递进来，我们可以定义形参，来读取这些内容。

• 浏览器会在回调函数中传递三个参数：
  第一个参数：当前正在遍历的元素
  第二个参数：当前正在遍历的元素的索引
  第三个参数：正在遍历的数组

arr.forEach(function(value,index,obj){
});

5、slice()和splice()

• slice()
  可以用来从数组中提取指定元素。
  该方法不会改变元素的数组，而是将截取到的元素封装到一个新数组中返回。
  参数：
  截取开始的位置的索引，包含开始索引
  截取结束的位置的索引，不包含结束索引
  第二个参数可以不写，此时会截取从开始索引往后的所有元素。
  索引可以传递一个负值，如果传递一个负值，则从后往前计算。

• splice()
  可以用于删除数组中的指定元素。
  使用时会影响到原数组，会将指定元素从原数组中删除，并将被删除的元素作为返回值返回。
  参数：
  第一个，表示开始位置的索引。
  第二个，表示删除的数量。
  第三个以及后，可以传递一些新的元素，这些元素将会自动插入到开始位置索引前面。

6、数组方法

• concat()
  可以连接两个或多个数组，并将新的数组返回。不会对原数组产生影响。

• join()
  可以将数组转换为一个字符串，将转换后的字符串作为结果返回，不会对原数组产生影响。
  在join()中可以指定一个字符串作为参数，这个字符串将会成为数组元素中的连接符。默认使用逗号。

• reverse()
  反转数组。会直接修改原数组。

• sort()
  对数组中的元素进行排序，会影响原数组，默认按照Unicode编码进行排序。
  我们可以自己指定排序规则
  在sort()添加一个回调函数，来指定排序规则。
  回调函数需要定义两个形参，浏览器会分别使用数组中的元素作为实参去调用回调函数。使用哪个元素不确定。
  浏览器会根据回调函数的返回值来决定元素的位置。
  如果返回一个大于0的值，则元素会交换位置。
  如果返回一个小于0的值，则元素位置不变。
  如果返回一个0，则认为两个元素相等，也不交换位置。‘’

7、函数的方法
都是函数对象的方法，需要通过函数对象来调用。
当对函数调用该两种方法，都会调用函数执行。
在调用这两个方法时，可以将一个对象指定为第一个参数，此时这个对象将成为函数执行时的this。

• call()方法可以将实参在对象之后依次传递

• apply()方法需要将实参封装到一个数组中统一传递。

• this的情况：
  1、以函数形式调用时，this永远都是window
  2、以方法的形式调用时，this永远是调用方法的对象。
  3、以构造函数的形式调用时，this是新创建的那个对象。
  4、使用call和apply调用时，this是指定的那个对象。

8、arguments
在调用函数时，浏览器每次都会传递两个隐含的参数：
1、函数的上下文对象this
2、封装实参的对象 arguments
arguments是一个类数组对象，他也可以通过索引来操作数据，也可以获取长度。
在调用函数时，我们所传递的实参都会在arguments中保存。
arguments.length可以用来获取实参的长度。
我们即使不定义形参，也可以通过arguments来使用实参，只不过比较麻烦。
arguments[0] 表示第一个实参
arguments[1] 表示第二个实参
他有一个属性叫callee，这个属性对应一个对象，就是当前正在指向函数的对象。
9、Date对象：表示时间

• 创建一个Date对象var d = new Date();
  如果直接使用构造函数创建一个Date对象，则会封装为当前代码执行的时间。

• 创建一个指定的时间对象var d2 = new Date("12/03/2016 11:10:30");
  需要在构造函数中传递一个表示时间的字符串作为参数。
  日期的格式：月份/日/年/ 时：分：秒

• 方法：
  1、getDate()：获取当前日期对象是几日
  2、getDay()：获取当前对象是周几，会返回一个0-6的值，0表示周日。
  3、getMonth()：获取当前时间对象的月份，会返回一个0-11的值。
  4、getFullYear()：获取当前日期对象的年份
  5、getTime()：获取当前日期对象的时间戳（指的是从1970年1月1日，0时0分0秒到当前日期所花费的毫秒数）(1秒=1000毫秒）
  获取当前的时间戳time=Date.now();

10、Math()
Math和其他对象不同，他不是一个构造函数，它属于一个工具类，不用创建对象，它里面封装了数学运算相关的属性和方法。
1、abs()计算一个数的绝对值。
2、Mah.ceil()对一个数进行向上取证，小数位只要有值就自动进一。
3、Math.floor()对一个数进行向下取整，小数部分会被舍掉。
4、Math.round()对一个数四舍五入取整。
5、Math.random()生成0-1之间的随机数。
生成0-x之间的随机数：Math.round(Math.random()*x);
生成x-y之间的随机数：Math.round(Math.random()*(y-x)+x);
6、max()获取多个数中的最大值
min()获取多个数中的最小值
7、Math.pow(x,y)返回x的y次幂。
8、Math.sqrt()对一个数进行开方运算。
11、包装类
在JS中为我们提供了三个包装类，通过这三个包装类可以将基本数据类型的数据转换为对象。

• String() 将基本数据类型字符串转换为String对象
  
  
  
• Number() 将基本数据类型的数字转换为Number对象
• Boolean() 将基本数据类型的布尔值转换为Boolean对象
• 方法和属性只能添加给对象，不能添加给基本数据类型。

12、字符串相关方法
在底层字符串是以字符数组的形式保存的。
1、length()获取字符串长度
2、charAt()返回字符串中指定位置的字符，根据索引获取指定字符
3、charCodeAt()获取指定位置字符的字符编码
4、String.formCharCode()根据字符编码去获取字符
5、concat()用来连接两个或多个字符串，作用和+一样。
6、indexof()检索一个字符串中是否含有指定内容，若含有，则返回第一次出现的索引，若没有则返回-1.可以指定第二个参数，指定开始查找的位置。
7、lastIndexOf()作用同6，但该方法是从后往前找。也可以指定开始查找的位置。
8、slice() 可以从字符串中截取指定的内容。
9、substring()截取一个字符串，和slice()类似。
不同的是：这个方法不能接受负值作为参数，如果传递了一个负值，则默认使用0。
还能自动调整参数的位置，如果第二个参数小于第一个，则自动调换。
10、substr()截取字符串。
参数：第一个用来截取开始位置的索引，第二个截取的长度
11、split()可以将字符串拆分为一个数组。
参数：需要一个字符串作为参数，根据该字符串去拆分数组。
12、toUpperCase()将一个字符串转换为大写并返回。
toLowerCase()将一个字符串转换为小写并返回。
13、正则表达式
正则表达式用于定义一些字符串的规则。
计算机可以根据正则表达式，来检查一个字符串是否符合规则。
创建正则表达式的对象：
语法;var 变量 = new RegExp("正则表达式","匹配模式");
可以用来检查一个字符串中是否含有某个字符。
在构造函数中可以穿第一个匹配模式作为第二个参数：
i：忽略大小写
g：全局匹配模式。
正则表达式方法：text()
检查一个字符串是否符合正则表达式的规则。
14、正则语法
使用字面量来创建正则表达式
语法：var 变量 = /正则表达式/匹配模式

• 创建一个正则表达式，检查一个字符串中是否有a或b
  var reg = /a|b/;

• 创建一个正则表达式检查一个字符串中是否含有字母
  var reg = /[]/ （[]中的内容也是或的关系）
  [a-z] 任意小写字母
  [A-Z] 任意大写字母
  [A-z] 任意字母

• 检查一个字符串中是否含有abc、adc、aec。
  var reg = /a[bde]c/

• [^ ] 除了

15、字符串和正则相关方法

• split()
  可以将一个字符串拆分为一个数组。
  方法中可以传递一个正则表达式作为参数，这样方法将会根据正则表达式去拆分字符串。

• search()：搜索字符串中是否含有指定内容
  如果搜索到，将会返回第一次出现的索引，反之返回-1。
  可以接受一个正则表达式作为参数，根据正则表达式来检索字符串。

• match()：可以根据正则表达式，从一个字符串将符合条件的内容提取出来。
  设置正则表达式为全局匹配模式，匹配到所有内容。
  match()会将匹配到的内容封装到一个数组中返回，即使只查询到一个结果。

• replace()：将字符串中的指定内容替换为新的内容。
  参数：1、被替换的内容 2、新的内容

16、正则表达式语法
量词：通过量词可以设置一个内容出现的次数
只对前面的一个内容起作用。
｛n｝，正好出现n次。
｛m,n｝，出现m-n次。
｛m，｝，出现m次以上
“+”： 至少一个，相当于｛1，｝
“*”：0个或多个，相当于｛0，｝
“？”：0个或一个，相当于｛0，1｝

• 检查一个字符中是否以a开头：
  “^” 表示开头
  “$” 表示结尾
  若同时使用则要求字符串中必须完全符合正则表达式。
• 创建一个正则表达式，检查一个字符串是否是一个合法手机号：
  手机号规则：11位
  1、以1开头
  2、第二位3-9任意数字
  3、三位以后任意数字9个

var phoneStr = "13473627362";
var phoneReg = /^1[3-9][0-9]{9}$/;
console.log(phoneReg.text(phoneStr));

• 检查一个字符串中是否含有.（然而.表示任意字符）
  加转义字符。

• \w:任意字母、数字、_ （[A-z 0-9_]）

• \W:除了任意字母、数字、_ （[^A-z 0-9_]）

• \d:任意数字 （[0-9]）

• \D：除了数字 （[^0-9]）

• \s：空格

• \S：除了空格

• \b:单词边界

• \B:除了单词边界

17、
接受一个用户的输入var str=prompt("请输入你的用户名");
去除字符串前后的空格：str = str.replace(/^\s*|\s*$/g,"");
18、邮件的正则
电子邮件：

任意字母数字下划线.任意字母数字下划线@任意字母数字.任意字母(2-5位).任意字母(2-5位)

var emailReg = /^\w{3, }(\.\w+)*@[A-z0-9]+(\.[A-z]{2,5}){1,2}&/;
var email = "abc.hello@163.com.cn";
console.log(emailReg.text(email));