前端学习day7

事件驱动函数：在和页面交互的过程中所调用的函数

通过document.getElementByTd找到符合条件的标签节点，然后通过事件驱动函数，给当前按钮绑定一系列的操作，完成用户交互。

window.onload *function( ){
  //将代码写在这里，在页面加载完成后执行
}

数组相关

for…in ：对数组进行快速遍历
【格式】 ：for ( var 变量 in 数组）
for in效率比for循环效率高

---

push:
【格式】：数组.push(元素…)
功能：入栈，即给数组末尾添加元素（先进后出）
返回值：添加元素之后数组的长度

---

pop:
【格式】：数组.pop（）
功能：出栈，即移除数组末尾的最后一个元素
返回值：移除的元素

---

push：
【格式】：数组.push（ ）
功能：入队，即给数组末尾添加元素（先进先出）

---

shift：
【格式】：数组.shift（ ）
功能：出队，从数组头部取下一个元素
返回值：取下的元素

---

unshift：
【格式】：数组.unshift（ ）
功能：从数组头部插入元素
返回值：插入元素以后数组的长度

---

concat：
【格式】：数组1.concat（数组2）
功能：将两个数组合并成一个数组
返回值：合并的新数组

---

slice：
【格式】：数组.slice（start,end）
功能：基于当前数组获取指定区域元素并创建一个新数组，源数组不改变
参数：start-开始获取区域的下标，end-结束获取区域的下标，不包括end下标位置的元素
返回值：指定区域元素生成的新数组

---

splice：
【格式】：数组.splice（start，length，元素…）
功能：完成删除、插入、替换操作
参数：start- 截取的开始下标、 length- 截取的长度、 元素…- 在截取的开始下标位置，我们要插入的元素，插入元素的个数随意
返回值：截取掉的元素组成的数组
【注】会对元素组进行修改

删除：元素…为空
插入：截取长度为0
替换：先删除再插入

---

join：
【格式】：数组.join（ ）
功能：使用拼接符将数组中元素拼接成字符串
参数：拼接符
返回值：拼接好的字符串

---

reverse：
【格式】：数组.reverse（ ）
功能：逆向排序
返回值：逆向排序后的数组

---

sort：
【格式】：数组.sort（ ）
功能：将数组中元素升序排序
返回值：升序排序后的数组
【注】sort默认是按照字符串进行排序

---

数组排序算法

• 冒泡排序
  【原理】前后两个数两两进行比较，若符合交换条件，则交换位置，直到所有数据排序完成，结束比较。

        var arr=[9,8,7,6,5,4];
        for(var i=0;i<arr.length-1;i++){
            for(var j=0;j<arr.length-i-1;j++){
                if(arr[j]>arr[j+1]){
                    var temp=arr[j];
                    arr[j]=arr[j+1];
                    arr[j+1]=temp;
                }
            }
        }
        alert(arr);

• 选择排序
  【原理】通过比较首先选出最小/大的数放在第一个位置上，然后在其余数中选择次小/大数放在第二个位置，以此类推，直到所有数成为有序序列。

        var arr=[9,8,7,6,5,4];
        for(var i=0;i<arr.length-1;i++){
            for(var j=i+1;j<arr.length;j++){
                if(arr[i]>arr[j]){
                    var temp=arr[i];
                    arr[i]=arr[j];
                    arr[j]=temp;
                }
            }
        }
        alert(arr);