JS--Array类型

ECMAScript的每一项可以保存任何类型的数据，且数组的大小是可以动态调整的。

• 创建数组的基本方式
• 使用Array构造函数
  var colors=new Array("red","blue","black");
  alert(colors);//red,blue,black
  var colors=new Array(3);
  alert(colors.length);//3
  可以通过为array构造函数添加任意数量的数组元素，当构造函数的参数只为一个时，那么是为了表明该数组的元素个数。
• 使用数组字面量表示法
  var colors=['red','blue','black'];
• Array的属性
  length该属性代表该数组一共包含多少个数组元素，然而该属性却不是只读的，我们可以通过设置他的值来调整数组的大小。当设置数组的长度小于当前长度时，则会默认裁剪掉后面多余的元素。当设置的长度大于当前元素的数量时，那么多出来的元素则会自动被默认类型为undefined。
• 检测数组对象
  这个之前就有写过，利用关键字instanceof来检测某个对象实例是否是数组的实例。
  var colors=['red','blue','black'];
  alert(colors instanceof Array);//true
• 转换方法
  已知所有对象都具有toLocaleString() toString() valueOf()方法，调用数组的toString()方法，会返回由数组中的每个值的字符串形式拼接而成的一个已逗号分隔字的字符串。但是valueOf()方法还返回的是数组。
  当我们直接用alert去输出一个数组时，会被默认的已toString的方法转化数组。
• join 可以使用不同的分隔符来构建这个字符串，然后返回包含所有项的字符串。
  var colors=['red','blue','black'];
  alert(colors.join('|'));//red||blue||black
• 栈方法：LIFO（后进先出）
  • push()
    可以接受任意数量的参数，并把他们逐个添加到数组末尾，并返回修改后数组的长度。
    var colors=['red','blue','black'];
    colors.push('yellow','pink');
    alert(colors.push());//5
    alert(colors.join('|'));//red||blue||black||yellow||pink
  • pop()
    从数组的末尾移除最后一项，减少数组的length，然后返回移除的项。
    var colors=['red','blue','black'];
    colors.push('yellow','pink');
    colors.pop();
    alert(colors.pop());//yellow
    alert(colors.join('|'));//red||blue||black||yellow
• 队列方法：FIFO（先进先出）
  区别于栈方法，队列方法是从队列的前端移除项。方法shift()是能够移除数组中的第一个项。
• shift()返回移除项
  var colors=['red','blue','black'];
  colors.shift();
  alert(colors);//blue,black
• unshift()这个方法是从数组的前端添加项 ，返回数组长度值。
  var colors=['red','blue','black']；
  colors.unshift('white');//white,red,blue,black
• 重排序
• reverse()方法会反转数组项的顺序
  var letter=['a','b','c','d','e'];
  letter.reverse();
  alert(letter);//e,d,v,b,a
• sort()方法按升序排列数组项，即最想的值位于最前面，最大的值排在最后面，sort()方法比较的是字符串。但是对于数组项为数值，那么排序也会先将数组转化为字符串，然后再排序，但是这样排序的结果会不符合逻辑。
  var letter=['d','b','e','a','c'];
  letter.sort();
  alert(letter);//a,b,c,d,e
  【问题】
  var letter=[0,1,5,10,15];
  letter.sort();
  alert(letter);//0,1,10,15,5
  【解决方案】
  sort方法会接受一个比较函数作为参数，这个比较函数接收两个参数，并且指定哪个值位于哪个值的前面。
  var letter=[0,1,5,10,15];
  letter.sort(compare);
  alert(letter);//0,1,5,10,15
  function compare(value1,value2){
  if(value1<value2)
  return -1;
  else if(value1>value2)
  return 1;
  else
  return 0;
  }
• 操作方法
• concat()实现数组的拼接
  var arr1=['big','small'];
  var arr2=['middle'];
  var arr3=arr1.concat(arr2,'lala');
  alert(arr3);//big,small,middle,lala
• slice()实现数组截取，接受一个或两个参数，表示截取位置。第一个参数表示开始截取的位置，第二个参数表示结束位置，但不包括结束位置的项。
  alert(arr3.slice(1,2));//small
• splice向数组的中部插入项
  • 删除：只需要指定两个参数，要删除的第一项的位置与要删除的位数。
    var arr1=['big','small','susu'];
    alert(arr1.splice(0,2));//big,small
    alert(arr1);//susu
    返回删除项。
  • 插入：可以向指定位置插入多项，接受三个参数，第一个为起始位置，第二个为0要删除的项数，第三个为要插入的项。当然插入的项可以为多个。
    var arr1=['big','small','susu'];
    alert(arr1.splice(1,0,'middle','lalal'));//
    alert(arr1);//big,middle,lala,small,susu
  • 替换 ：可以向指定位置插入任意数量的项，且同时删除任意数量的项，接受三个参数，起始位置，要删除的项数，和要插入的任意数量的项。
    var arr1=['big','small','susu'];
    alert(arr1.splice(1,1,'middle','lalal'));//small
    alert(arr1);//big,middle,lala,susu
• 位置方法
  .indexOf() 与.lastIndexOf()这两个方法的使用与字符串一样。
• 迭代方法
  每个方法都接受两个参数：一个是必选的：要在每一项上运行的函数。另一项是可选的：运作该函数的作用域。
• every()对数组中的每一项运行给定的函数，如果该函数对每一项都返回true，则返回true。
• filter()对数组中的每一项运行给定的函数,f返回该函数会返回true的项组成的数组。
• foreach()对数组中的每一项运行给定的函数，这个方法没有返回值。
• map()对数组中的每一项运行给定的函数，返回每次调用的结果组成的数组。
• some()对数组中的每一项运行给定的函数，如果该函数对任一项返回true，那么该方法返回true。
• 归并发法
  迭代数组的所有项，然后构建一个最终返回的值。
• reduce():从数组的第一项开始，逐个遍历到最后。
• reduceRight()：从数组的最后一项开始，向前遍历到第一项。
  这连个方法，都接受两个参数：一个在每一项上都调用的函数（必选）；
  和作为归并基础的初始值（可选）。
  这两个函数都接受四个参数：前一个值，当前值，项的索引，数组对象。
  注意：这个函数返回的任何值都会作为第一个参数传递给下一项。
  第一次迭代是从第二个参数开始。即第一个参数是第一项，第二个参数是第二项。
  var num=[1,2,3,4,5,6,7,8,9];
  var newnum=num.reduce(function(pre,cur,index,array){
  return pre+cur;
  })
  alert(newnum);//45