[toc] #### 1. 展开语法`...` #### 2. join方法 将数组拼接成字符串 ``` var arr = ["green", "yellow", "red"]; var str = arr.join("."); console.log(str); ``` #### 3. 排序 升序： ``` var arr = [1, 3, 4, 2, 9, 5]; var d = arr.sort(function(a, b){ return a-b; }) console.log(d); //升序 ``` 降序： ``` var f = arr.sort(function(a, b){ return b-a; }) console.log(f); //降序 ``` #### 4. 求和 ``` var arr = [1, 2, 3, 4]; var sum = arr.reduce((a,b)=>a+b); console.log(sum); /* var sum = arr.reduce(function(a, b){ return a+b; }) */ ``` #### 5. 颠倒 ``` let arr = [1, 2, 3, 4]; arr.reverse(); console.log(arr); //4, 3, 2, 1 ``` #### 6. 获取数组最大值 ``` 1. var max = Math.max(...arr); 2. var max = Math.max.apply(null, arr); 3. 在原型上定义方法： Array.prototype.max = function(arr) { return Math.max(...arr); } console.log(arr.max(arr)); ``` #### 附：数组新增的方法 ``` 注意： forEach some filter findIndex 都属于数组的新方法 forEach 无法中止，完整遍历一遍 some 可以用return ture终止 filter 查询 findIndex 查询index值 ，执行回调函数查询 都会对数组中的每一项，进行遍历，执行相关操作 ``` >#### 附：将类数组对象强制转换为数组遍历 强制转换为数组：`Array.prototype.slice.call(obj)` 遍历方法：`arr.forEach(function(item, index){})` ``` // 点击li标签变色 var childs = document.getElementById("parent").children; var arr = Array.prototype.slice.call(childs); arr.forEach(function(item, index){ item.onclick = function(){ // console.log(this); // arr.forEach(function(item, index){ // item.style.color = "#000"; // }) arr.forEach((item, index)=>{ item.style.color = "#000"; }) this.style.color = "red" } }) ```