<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> </body> <script> // Object.assign({},this.user) //可以对对象进行复制 //数组的去重和排序 //在数组的原型上添加一个方法mySort Array.prototype.mySort = function () { //this就是对应的数组 return Array.from(new Set(this)).sort((x, y) => { return x - y }) } // const arr = new Array(); const arr = [21,23,23,3344,23,23,3,3,4,4] const s = new Set(arr); console.log(s); //Set(5) {21, 23, 3344, 3, 4} console.log(Array.from(s)); // [21, 23, 3344, 3, 4] // ---------------------------------------------------------------------- //如何判断数组的数据类型 // const arr = [1,2,3,4] // console.log(Array.isArray(arr)) const obj = {} // console.log(obj.toString()) // Object.prototype.toString() const arr = [1, 2, 3] console.log(arr.toString()) console.log(Object.prototype.toString.call(arr)) console.log(Object.prototype.toString.call(1)) console.log(Object.prototype.toString.call('字符串')) console.log(Object.prototype.toString.call(true)) console.log(Object.prototype.toString.call(null)) //判断是否为数组的函数 function isArray (arr) { /* if (Array.isArray) { return Array.isArray(arr) } else { return Object.prototype.toString.call(arr) === '[object Array]' } */ return Array.isArray ? Array.isArray(arr) : Object.prototype.toString.call(arr) === '[object Array]' } // ------------------------------------------------------------------------ // 类数组对象转数组 const obj = { "0": "值1", "1": "值2", "2": "值3", length: 3 } console.log(Array.from(obj)) console.log(Array.prototype.slice.call(obj)) const arr = [] for (var i = 0;i<obj.length; i++) { arr.push(obj[i]) } console.log(arr) /* 基本数据类型 String Number Boolean Undefined Null Object Symbol */ // ------------------------------------------------------------------------ // 事件委托 // 利用冒泡来实现的一种事件绑定方式 // 事件委托可以给动态生成的元素上添加对应的数据，节省内存 // 父/祖先.onclick = function (e) { // var e = e || window.event // var target = e.target || e.srcElement // if (target.相关属性 === 相关值) { // } // } // $('父/祖先').on('事件类型', '实际元素选择器', function () { // }) </script> </html>