1 //给数组添加个方法，返回数组中的最大值 2 Array.prototype.max = function() { 3     return Math.max.apply(null,this);  4 } 5 [1,2,3,4].max(); //4 6  7 //给数组添加个方法，给数组去重 8 Array.prototype.unique = function() { 9     return this.filter((item, index, arr) => arr.indexOf(item) === index);10 }11 [11,2,1,1,2,3,1,2,4,5,23,2].unique(); //[11, 2, 1, 3, 4, 5, 23]

1 var arr = [];2 function distinct(arr){3      return arr.filter(function(ele,index,arr){4                 return arr.indexof(ele,index+1)==-15 })6 }7// 这个方法也可以用来去重

1 Array.prototype.isArray = Array.prototype.isArray || function() {2     return Object.prototype.toString.call(this) === "[object Array]";3 }4 [1,2,3].isArray(); //true

1 for (var index = 0; index < arr.length; index++) {2     console.log(arr[index]);3 } //这种写法简洁，但这种方法也有一个小缺陷：你不能使用break语句中断循环，也不能使用return语句返回到外层函数。4 5 for (var value of arr) {6     if(value =http://www.mamicode.com/= 2){break;}7     console.log(value);  //18 } //这是最简洁、最直接的遍历数组元素的语法。这个方法避开了for-in循环的所有缺陷。与forEach()不同的是，它可以正确响应break、continue和return语句。

 1 var arr = ["q","w","e"];  2 //删除  3 var removed = arr.splice(1,1);  4 console.log(arr); //q,e  已被改变 5 console.log(removed); //w ,返回删除的项  6 //插入  7 var insert = arr.splice(0,0,"r"); //从第0个位置开始插入  8 console.log(insert); //返回空数组  9 console.log(arr); //r,q,e 10 //替换 11 var replace = arr.splice(1,1,"t"); //删除一项，插入一项 12 console.log(arr); //r,t,e13 console.log(replace); //q,返回删除的项 

1 var arr = [1,2,4,3,1,1,2];2 console.log(arr.sort());//[1, 1, 1, 2, 2, 3, 4]3 4 然而：5 var arr = [1,2,10,4,3,1,1,2];6 console.log(arr.sort());//[1, 1, 1, 10, 2, 2, 3, 4]

1 var arr = [1,2,10,4,3,1,1,2];2 console.log(arr.sort(function(a,b){3     return a-b; 4 })); // [1, 1, 1, 2, 2, 3, 4, 10]5 //这个函数就是我们自己控制了，我们想要什么样的排序就改变这个参数函数的逻辑即可。

var aa= [1,4,3,2,8,7]; aa.sort(function(){return Math.random()-0.5;}) ; console.log(aa); //随意打乱数组

 1 function test() { 2     var arr = arguments; 3     arr.push(‘xza‘); 4     console.log(JSON.stringify(arr)); 5 } 6 test(1,2,3);  //arr.push is not a function(…) 因为伪数组没有push方法 7  8 转换后： 9 function test() {10     var arr = Array.prototype.slice.call(arguments);11     arr.push(‘xza‘);12     console.log(JSON.stringify(arr));13 }14 test(1,2,3); //[1,2,3,"xza"]15 //slice方法经常用来截取一个数组，不过它更常用在将伪数组转化为真数组。平时我们的函数传的参数arguments是一个伪数组，很多数组的方法不能使用，我们就需要将伪数组转化为真数组。

1 var arr1 = [1,2,3];2 var arr2 = [4,5,6];3 var arr3 = arr1.concat(arr2);  //[1, 2, 3, 4, 5, 6]4 arr3.concat(7); //[1, 2, 3, 4, 5, 6, 7]5 //我们平时都是这么使用的，如果需要连接两个数组的元素时，中间插元素，可以6 7 var arr3 = arr1.concat(‘xzavier‘, arr2); //[1, 2, 3, "xzavier", 4, 5, 6]

方法                使用concat()         连接两个或更多的数组，并返回结果。join()           把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。reverse()        颠倒数组中元素的顺序。toString()       把数组转换为字符串，并返回结果。toLocaleString() 把数组转换为本地数组，并返回结果。valueOf()        返回数组对象的原始值map()            返回一个由原数组中的每个元素调用一个指定方法后的返回值组成的新数组。every()          测试数组的所有元素是否都通过了指定函数的测试。some()           测试数组中的某些元素是否通过了指定函数的测试。

 1 ar arr = [‘xzavier‘,123,‘jser‘]; 2 console.log(arr.valueOf());  //[‘xzavier‘,123,‘jser‘] 3 console.log(arr.toString());  //xzavier,123,jser 4 console.log(arr.toLocaleString());  //xzavier,123,jser 5 var arr = [‘xzavier‘,123,‘jser‘]; 6 console.log(arr.join(‘,‘));     //xzavier,123,jser 7 var arr = [1,2,3]; 8 console.log(arr.reverse());     //[3,2,1] 9 var numbers = [1, 4, 9];10 var roots = numbers.map(Math.sqrt); //[1,2,3]11 numbers //[1,4,9]12 roots // [1,2,3]13 [2, 5, 1, 4, 3].some(function (element, index, array) {14     return (element >= 10);15 });  //false16 [2, 5, 1, 4, 13].some(function (element, index, array) {17     return (element >= 10);18 });  //true19 [2, 5, 1, 4, 13].every(function (element, index, array) {20     return (element >= 10);21 });  //false22 [2, 5, 1, 4, 13].every(function (element, index, array) {23     return (element >= 0);24 });  //true

 1 a = "xyaabbbccccdefww" 2 b = "xxxxyyyyabklmopq" 3 longest(a, b) -> "abcdefklmopqwxy 4  5 //第一种方案 6 function longest(s1, s2) { 7       let distStr, 8           value, 9           distArr = []10       getDistinct(distArr, s1 + s2)11       // 数组排序并转成字符串12       distStr = distArr.sort().join(‘‘)13       return distStr14     }15     // 数组去重16     function getDistinct(target, source) {17       let value18       // 将字符串转成数组19       source = Array.from(source) //es6方法20       for(value of source) {21         // 如果target数组中没有该value，则将其添加到数组中22         if(!target.includes(value)) {23           target.push(value)24         }25       }26     }

const longest = (s1, s2) => [...new Set(s1+s2)].sort().join(‘‘)

1 var test = document.getElementById("test");2 test.addEventListener("focus",function(){3   test.select();4 },false);

 1 // form4  自动切换焦点 2 (function() { 3   function nextFocus() { 4     var target = event.target; //target  促发keyup事件的表单元素 5     if (target.value.length === target.maxLength) { 6       for (let i = 0; i < form4.elements.length; i++) { 7         if (form4.elements[i] === target) { 8           if (form4.elements[i + 1]) { 9             form4.elements[i + 1].focus(); //获得焦点10           }11           return;12         }13       }14     }15   }16   form4.addEventListener("keyup", nextFocus, false);17 })();

 1 <form action="#"> 2     <p>评论框</p> 3     <textarea name="comment" id="comment" cols="30" rows="10" placeholder="写点什么吧"></textarea> 4     <br/> 5     <input type="submit" value="http://www.mamicode.com/评论" /> 6   </form> 7  8 (function(){ 9   var comment = document.getElementById("comment");10   comment.oninput = function(){  //oninput事件自行查询11     if(comment.value.length < 20){12       comment.setCustomValidity("客官，再多写点嘛！");  //当表单提交时会检查13     }else{14       comment.setCustomValidity("");15     }16   };17 })();

 1 <form id="form7" action="#"> 2   <select name="country" id="test"> 3     <option value="http://www.mamicode.com/China">中国</option> 4     <option value="http://www.mamicode.com/Amercian">美国</option> 5     <option value="http://www.mamicode.com/England">英国</option> 6     <option value="http://www.mamicode.com/Japan">日本</option> 7     <option value="http://www.mamicode.com/Russia">俄罗斯</option> 8   </select> 9 </form>10 <hr/>11 <button id="btn1">显示所有的元素</button>12 <button id="btn2">获得当前选中元素的索引</button>13 <button id="btn3">添加新 option 到最后位置</button>14 <button id="btn4">移除第一个 option</button>15 16 var form7 = document.getElementById("form7");17 18 var btn1 = document.getElementById("btn1");19 var btn2 = document.getElementById("btn2");20 var btn3 = document.getElementById("btn3");21 var btn4 = document.getElementById("btn4");22 23 var select = form7.elements[0];24 btn1.onclick = function(){25   select.size = select.length; //所有选择都会显示26 };27 btn2.onclick = function(){28   alert("当前索引："+select.selectedIndex); 29 };30 var count=0;31 btn3.onclick = function(){32   var newOption = new Option("国家 "+count,"Country "+count); //注意参数是 option(text,value)33   count++;34   select.add(newOption,undefined); //添加option35 };36 btn4.onclick = function(){37   select.remove(0);38 };

 1 function CoolModule(){ 2     var something = ‘cool‘; 3     var another = [1,2,3]; 4     function change() { 5         pubicAPI.doSomething = doAnother; 6     } 7     function doSomething(){ 8         console.log( something); 9     }10     function doAnother(){11         console.log(another.join(‘!‘));12     }13     var pubicAPI = {14         change: change,15         doSomething: doSomething16     };17     return pubicAPI;18 }19 var foo = CoolModule();20 foo.doSomething(); //cool21 foo.change();22 foo.doSomething(); //1!2!323 var foo1 = CoolModule();24 foo1.doSomething(); //cool

 1 var MyModules = (function Manager() { 2     var modules = {}; 3     function define(name, deps, impl) { 4         for(var i=0; i<deps.length; i++){ 5             deps[i] = modules[deps[i]]; 6         } 7         modules[name] = impl.apply(impl,deps); //模块依赖impl函数 8     } 9     function get(name) {10         return modules[name];11     }12     return {13         define: define,14         get: get15     };16 })();

 1 MyModules.define(‘bar‘,[],function () { 2     function hello(who) { 3         return ‘let me introduce: ‘+who; 4     } 5     return{ 6         hello: hello 7     }; 8 });  //module[bar] = {hello:hello} 9 MyModules.define(‘foo‘,[‘bar‘],function (bar) {10     var hungry = ‘hippo‘;11     function awesome() {12         console.log(bar.hello(hungry).toUpperCase());13     }14     return {15         awesome: awesome16     };17 });18 var foo = MyModules.get(‘foo‘);19 foo.awesome();//LET ME INTRODUCE: HIPPO

 1 //mathCommonJS.js 2 function MathClass() { 3 } 4 MathClass.PI = 3.14; 5 MathClass.E = 2.72; 6 MathClass.prototype.add = function(a, b) { 7     return a+b; 8 }; 9 module.exports = MathClass;10 11 var MathClass = require(‘./mathCommonJS.js‘);12 Page( {13     onl oad: function() {14         console.log( "PI: " +MathClass.PI );15         var mathClass = new MathClass();16         console.log( "3 + 4: " +mathClass.add(3, 4) );17     }18 });

 1 // math.js 2 　　define(function (){ 3 　　　　var add = function (x,y){ 4 　　　　　　return x+y; 5 　　　　}; 6 　　　　return { 7 　　　　　　add: add 8 　　　　}; 9 　　});10 11 // main.js12 　　require([‘math‘], function (math){13 　　　　alert(math.add(1,1));14 　　});

1 define([‘myLib‘], function(myLib){ 2 　　　　function foo(){3 　　　　　　myLib.doSomething();4 　　　　}5 　　　　return {6 　　　　　　foo : foo7 　　　　};8 　　});