数组中常用的方法

1. 转字符串

• toString()方法把数组转换为数组值（逗号分隔）的字符串。

var arr1 = ["red", "blue", "green"];
arr1.toString();  //"red,blue,green"

• join()方法也可将所有数组元素结合为一个字符串 可以定义分隔符

var arr2 = ["red", "blue", "green"];
console.log(arr2.join(":")) //red:blue:green
console.log(arr2.join(" ")) //red blue green

2. 添加新元素

• unshift()方法（在开头）向数组添加新元素

var arr3 = ["red", "blue", "green"];
arr3.unshift("abc");//["abc", "red", "blue", "green"]

• push()方法（在数组结尾处）向数组添加一个新的元素

arr3.push("xyz"); //["abc", "red", "blue", "green","xyz"]

3. 删除元素

• pop()方法从数组中删除最后一个元素 pop()返回的是被弹出的值

var arr4 = ["red", "blue", "green"];
arr4.pop(); //"green"    
arr4 ======> ["red", "blue"]

• shift()方法会删除首个数组元素，并把所有其他元素“位移”到更低的索引 返回的是被弹出的值

arr4.shift(); //"red"

4. 修改元素

• splice()方法可删除从 index 处开始的零个或多个元素，并且用参数列表中声明的一个或多个值来替换那些被删除的元素。如果从 arrayObject 中删除了元素，则返回的是含有被删除的元素的数组

var arr5 = [5,6,7,8];
// arr5.splice(位置,个数,添加的新元素)
arr5.splice(1,1);  //删除了6   arr5 的结果是[5,7,8]
arr5.splice(1,0,9);//arr5 的结果是[5, 9, 6, 7, 8]
arr5.splice(1,2,3);//arr5 的结果是 [5, 3, 8]

• slice()方法返回一个新的数组，包含从 start 到 end （不包括该元素）的 arrayObject 中的元素

var arr6 = [5,6,7,8];
arr6.slice(1,3) //[6, 7]
//arr6 仍然还是[5,6,7,8];  返回的是选定的元素，该方法不会修改原数组

5. 合并数组

• concat()方法用于连接两个或多个数组 该方法不会改变原有的数组

var arr7 =[1,2,3];
var arr8 = [4,5,6];
var arr9 = arr7.concat(arr8); //arr9  [1, 2, 3, 4, 5, 6]

• sort()排序

var arr10 =["red", "blue", "green"];
arr10.sort(); // ["blue", "green", "red"]
var arr11 = [1,10,5,12,4,9,22];
arr11.sort(); // [1, 10, 12, 22, 4, 5, 9]

• reverse()方法用于颠倒数组中元素的顺序 会改变原数组

arr11.reverse(); // [22, 9, 4, 12, 5, 10, 1]

6. 筛选数组

• filter()对数组的每一项都运行给定的函数，返回 结果为 ture 的项组成的数组

var arr15 = [2,3,5,6,7,18,9];
var a15 = arr15.filter(function(item,index){
      return item >5;   //满足的条件  大于5的结果[6, 7, 18, 9]
     });

• every()对数组的每一项都运行给定的函数，每一项都返回 ture,则返回 true

//每一项都满足条件时返回true,只要有一个不满 足返回false
var a16 = arr15.every(function(item,index){
      return item >5;   //必须要求每一个数字都>5才会返回true  否则返回false   
     });

• some()只要有一个满 足返回true,都不满 足返回false

var a17 = arr15.some(function(item,index){
    //return item >5;   //只要有一个满 足了条件，返回true 
    return item==0; //false   都不满足 返回false
 });

7. 循环数组

• for
• forEach
• reduce()
• map()