<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript"> //js Array 方法 var array1 = [1,2,3]; var array2 = [{"name":"f1",age:1},{"name":"f2",age:2}]; //1. array 复制:直接使用=复制会造成类似java的指针问题，修改原array同时会改变新array a0 = array1.concat();//concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。 a0[0] = 8 ; alert(array1[0]);//结果 1 正确 。 但是如果将array1 换成array2,则结果就不对了(和=类型，由于引用的关系造成)； //如何深度复制数组,使用jquery 方法 a1 = $.extend(true,[],array2);// (extend用法较多：$.extend(src)扩展全局， $.fn.extend(src)扩展实例变量) a1[0].name="fdf"; alert(array2[0].name);//结果： f1 。 //2. map 数据数据筛选组合 var a2 = array2.map(function(value,index,array){ //return value;//此处可对数组加工 return {"name":value.name,"age":value.age}; //可以变相的复制一个数组 }); alert(a2[0].name); //3. filter 数组元素筛选 a3 = array2.filter(function(value,index,array){ if(value.name=='f1') return true; //只保留对象name 值为f1 的数组元素 return false; }); //4. forEach 数组循环 array2.forEach(function(value,index,array){});//ie可能不支持，且无法使用break ,continue ..使用return代替 //5. reduce 对上一个数组元素和当前 数组元素 进行操作 。用处：如数组统计 var a5 = array1.reduce(function(pre,cur){return pre+cur;}); // 结果 ： 6 //6 array 其他方法： // 方法 描述 // concat() 连接两个或更多的数组，并返回结果。 // join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。 // pop() 删除并返回数组的最后一个元素 // push() 向数组的末尾添加一个或更多元素，并返回新的长度。 // reverse() 颠倒数组中元素的顺序。 // shift() 删除并返回数组的第一个元素 // slice() 从某个已有的数组返回选定的元素 // sort() 对数组的元素进行排序 // splice() 删除元素，并向数组添加新元素。 // toSource() 返回该对象的源代码。 // toString() 把数组转换为字符串，并返回结果。 // toLocaleString() 把数组转换为本地数组，并返回结果。 // unshift() 向数组的开头添加一个或更多元素，并返回新的长度。 // valueOf() 返回数组对象的原始值 </script> </head> <body> </body> </html>