企业官网建设流程全解析

比汉斯设计网站素材,做美妆网站的关键词,学python能干嘛,seo做网站赚钱1 数组 1.1 对象的分类 自定义对象#xff1a;通过五种方式创建的对象内建对象#xff1a;JavaScript 内置的对象#xff0c;可直接使用其属性和方法#xff0c;如#xff1a; Array、Boolean、Date、Math、Number、String、RegExp、Function、Events宿主对象#xff1…1 数组1.1 对象的分类自定义对象通过五种方式创建的对象内建对象JavaScript 内置的对象可直接使用其属性和方法如Array、Boolean、Date、Math、Number、String、RegExp、Function、Events宿主对象由运行环境如浏览器提供的对象如window、document等1.2 数组的概念数组是存储有序数据的集合每个数据称为元素可存放任意类型数据。它是一种将多个数据存储在单一变量中的优雅方式。数组是特殊对象与普通对象区别在于普通对象使用字符串作为属性名数组使用数字索引从0开始的整数数组的存储性能通常优于普通对象1.3 数组的创建方式1.3.1 字面量创建推荐let arr [ jack, 18, function() { console.log(hello) }, { name: 张三 }, [1, 2, 3, [1, 2, 3]] ]; arr[2](); console.log(arr[3].name); console.log(arr[4][3][2]);1.3.2 构造函数创建创建空数组后赋值let arr1 new Array(); arr1[0] jack; arr1[1] 18; arr1[2] function() { console.log(hello) }; arr1[3] { a: 1 }; console.log(arr1);直接填充内容var arr2 new Array(hello, 你好, 8); console.log(arr2);设置初始长度var a1 new Array(10); // 10个空位 var a2 [10]; // 单元素10 console.log(a1, a2);1.4 数组的基本操作1.4.1 索引下标访问数组元素的序号从0开始1.4.2 读取元素语法数组名[索引]读取不存在的索引返回undefinedvar arr [孙悟空, 猪八戒, 沙和尚, 唐僧]; console.log(arr[0]); // 孙悟空 console.log(arr[999]); // undefined1.4.3 修改元素语法数组[索引] 值arr[0] 玉皇大帝;1.4.4 获取长度语法数组.length连续数组元素个数非连续数组最大索引1console.log(arr.length);1.4.5 修改lengtharr.length 2; // 截断数组 arr.length 10; // 扩展空位1.4.6 末尾添加元素语法数组[数组.length] 值arr[arr.length] 玉皇大帝;1.5 数组检测方法instanceofconsole.log(arr instanceof Array);Array.isArray推荐console.log(Array.isArray(arr));Object.prototype.toString.callconsole.log(Object.prototype.toString.call(arr)); // [object Array]constructor不推荐a.constructor Object; console.log(a.constructor Object); // 可能误判1.6 数组遍历1.6.1 for循环for (let i 0; i arr.length; i) { console.log(arr[i]); }1.6.2 优化for循环for (let i 0, len arr.length; i len; i) { console.log(arr[i]); }1.6.3 for...infor (let i in arr) { console.log(arr[i]); }1.6.4 for...offor (let item of arr) { console.log(item); }1.6.5 forEacharr.forEach(function(item, index, array) { console.log(item, index); });1.6.6 maplet arr1 arr.map(item item !); console.log(arr1);1.7 冒泡排序var arr [1, 3, 6, 4, 5, 2, 10]; for (let i 0; i arr.length - 1; i) { for (let j 0; j arr.length - 1 - i; j) { if (arr[j] arr[j 1]) { [arr[j], arr[j 1]] [arr[j 1], arr[j]]; } } } console.log(arr);1.8 数组方法1.8.1 添加/删除元素方法说明返回值push()末尾添加新长度pop()删除末尾被删元素unshift()开头添加新长度shift()删除开头被删元素var arr [孙悟空, 沙和尚, 猪八戒]; arr.push(唐僧); // 末尾添加 arr.unshift(玉皇大帝); // 开头添加 let last arr.pop(); // 删除末尾 let first arr.shift(); // 删除开头1.8.2 其他数组方法slice提取数组片段let res arr.slice(2, -2);indexOf/lastIndexOf/includes查找元素console.log(arr.indexOf(green)); console.log(arr.includes(green));concat/扩展运算符合并数组console.log(a.concat(b, c)); console.log([...a, ...b, ...c]);join/toString数组转字符串console.log(arr.join(%)); console.log(arr.toString());split字符串转数组console.log(str.split(,));修改原数组的方法splice删除/替换元素arr.splice(2, 2, 3, 4, 5);reverse反转数组arr.reverse(); console.log(arr);自定义方法实现反转原理封装Array.prototype.newReverse function () { for (let i 0, j this.length - 1; j i; j--, i) { let temp this[i]; this[i] this[j]; this[j] temp; } return this; };排序相关sort// 数字排序 var arr5 [5, 4, 5, 2, 1, 6, 8, 3]; arr5.sort((a, b) a - b); // 升序 console.log(arr5); // 随机排序 arr5.sort(() Math.random() - 0.5); console.log(arr5);高阶函数filter过滤元素var list [32, 93, 77, 53, 38, 87]; var pass list.filter(item item 60); console.log(pass);reduce数组累加var arr [2, 3, 4, 5]; var sum arr.reduce((prev, item) prev item, 0); console.log(sum);