<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>数组中常用的函数</title>
    <script type="text/javascript">
    /*
     * 常用的四个函数
     * 1.concat 将多个数组的内容合并
     *       返回的是合并后的内容
     * 2.pop 移除最后一个元素 
     *      返回的是移除最后的元素的数值
     * 3.push 将数据追加到数组的末尾  
     *      返回的是追加后数组的长度
     * 4.shift 移除数组的第一个元素 
     *    返回的是移除第一个元素的数值
     * 5.unShift 添加元素到首位  
     *      返回的是添加元素后数组的长度
     */
      function testConcat(){
        var c = [1,2,3];
        var d = ["呵呵","解决"];
        var e = "javaScript";
        //数组元素的合并
        var f = c.concat(d,e);
        //设置数组的长度小于元素的数量则从后向前递减
        //f.length = 6;
        alert(f);
        alert("---->"+f.length);
      }
      //Pop（）移除最后一个元素
      function testPop(){
        var c = [1,2,45];
        alert("移除最后一个元素"+c.pop());
        alert(c);
      }
      //push() 将元素放到数组最后的位置 返回数组的长度
      function testPush(){
        var c = [1,2,3];
        alert("使用push()后数组的长度"+c.push(23));
        c.push
        alert(c);
        alert(c.length);
      }
      //移除数组的第一个元素
      function testShift(){
        var c = [11,2,3];
        alert("使用shift()后移除的第一个元素"+c.shift());
        alert(c);
        alert(c.length);
      }
      //将元素插到首位
      function testUnShift(){
        var c = [11,2,3];
        alert("使用unShift()后数组的长度"+c.unshift("张家口"));
        alert(c);
        alert(c.length);
      }
    </script>
  </head>
  <body>
    <h1>数组中常用的函数</h1>
    <hr />
    <input type="button" value="concat" οnclick="testConcat()" />
    <input type="button" value="Pop" οnclick="testPop()" />
    <input type="button" value="Push" οnclick="testPush()" />
    <input type="button" value="shift" οnclick="testShift()" />
    <input type="button" value="Unshift" οnclick="testUnShift()" />
  </body>
</html>