数组的方法

数组的方法

-push()

 - 该方法可以向数组的末尾添加一个或多个元素，并返回该数组新的长度
            - 可以将要添加的元素作为方法的参数传递
                这样这些元素将会自动添加到数组的末尾
            - 该方法会将数组新的长度作为返回值返回

代码：

var arr = ["孙悟空","猪八戒","沙和尚"];
var result = arr.push("唐僧","蜘蛛精","白龙马");
       console.log(arr);//"孙悟空", "猪八戒", "沙和尚", "唐僧", "蜘蛛精", "白龙马"
       console.log(result);//6

-pop()

- 该方法可以删除数组最后的一个元素,并将被删除的元素作为返回值返回

代码：

   arr.pop();
   console.log(arr);//"孙悟空", "猪八戒", "沙和尚", "唐僧", "蜘蛛精"

-unshift()

- 向数组开头添加一个或多个元素,并返回新的数组长度

代码：

var a = arr.unshift("牛魔王","二郎神");
console.log(a); //6
console.log(arr);//"牛魔王", "二郎神", "孙悟空", "猪八戒", "沙和尚", "唐僧"

-shift

- 可以删除数组的第一个元素,并将被删除的元素作为返回值返回

代码：

  a = arr.shift();
  console.log(arr);//"二郎神", "孙悟空", "猪八戒", "沙和尚", "唐僧"
  console.log(a); //牛魔王

数组遍历

所谓的遍历数组,就是将数组中的所有的元素都取出来

代码：

var arr = ["张三","李四","王五"];
        for(i in arr){
           console.log(arr[i]);
       }

 一般我们都是用for循坏去遍历数组
        JS还提供了一个方法遍历数组
            forEach()

代码：

var arr = ["张三","李四","王五","老六","老七"];

        /*
            forEach()方法需要一个函数作为参数
                - 像这种函数,由我们创建但是不由我们调用的，我们称为回调函数
                - 数组中有几个元素函数就会执行几次，每次执行时，浏览器会将遍历到的元素
                    以实参的形式传递进来，我们可以来定义形参，来读取这些内容
                - 浏览器会在回调函数中传递三个参数
                    第一个参数，就是当前正在遍历的元素
                    第二个参数，就是当前正在遍历元素的索引
                    第三个参数，就是正在遍历的数组
        */
        arr.forEach(function(value,index,obj){
            console.log("value = " + value);
            console.log("index = " + index);
            console.log("obj= " + obj);
        });

slice()与splice()

-slice()

代码：

        var arr = ["张三","李四","王五","老六","老七"];

        /*
            slice()
             - 可以用来从数组中提取指定元素
              - 该方法不会改变原数组，而是将截取到的元素封装到一个新数组中返回
             - 参数：
                    1.截取开始的位置的索引,包含开始索引
                    2.截取结束的位置的索引，不包含结束索引
                        - 第二个参数可以省略不写，此时会截取从开始索引往后的所有元素
                    - 索引可以传递一个负值,如果传递一个负值，则从后往前计算
        */

        var result = arr.slice(0,2);

        // result = arr.slice(1,-2);
        console.log(result);

-splice()

/*
            splice()
                - 可以用于删除数组中的指定元素
                - 使用splice()会影响到原数组,会将指定元素从原数组中删除
                    并将被删除的元素作为返回值返回
                - 参数
                    第一个，表示开始位置的索引
                    第二个，表示删除的数量
                    第三个及以后....
                        可以传递一些新的元素，这些元素将会自动插入到开始位置索引前面
        */

        var result = arr.splice(0,1,"老八","老九");
        console.log(arr);

        console.log(result);

-concat()

        concat()可以连接两个或多个数组，并将新的数组返回
         - 该方法不会对原数组产生影响

代码：

 		var arr = ["孙悟空","猪八戒","沙和尚"];
        var arr2 = ["白骨精","玉兔精","蜘蛛精"];
        var arr3 = ["二郎神","太上老君","玉皇大帝"];
        var result = arr.concat(arr2,arr3,"牛魔王");
        console.log(result);//"孙悟空", "猪八戒", "沙和尚", "白骨精", "玉兔精", "蜘蛛精", "二郎神", "太上老君", "玉皇大帝", "牛魔王"

-join()

		 - 该方法可以将数组转换为一个字符串
         - 不会对原数组产生影响
         - 在join()中可以指定一个字符串作为参数，这个字符串将会成为数组中元素的连接符

代码：

        result = arr.join("")
        console.log(result);//孙悟空猪八戒沙和尚
        console.log(typeof result);//string

-reverse()

		 - 该方法用来反转数组（前边的去后边，后边的去前面）
         - 该方法会直接修改原数组

代码：

		arr.reverse()
        console.log(arr);//"沙和尚", "猪八戒", "孙悟空"

-sort()

		- 可以用来对数组中的元素进行排序
         - 也会影响原数组，默认会按照Unicode编码进行排序
         - 即使使用纯数字的数字，也会按照Unicode编码来排序
            所以对数字进行排序时，可能会得到错误的结果

        可以自己指定排序的规则
            可以在sort中添加回调函数来指定排序规则
                回调函数中需要定义两个形参
                浏览器将会分别使用数组中的元素作为实参去调用回调函数
                使用哪个元素调用不确定，但是肯定的是在数组中a一定在b前面(前面：数组索引1在索引0前面)
        - 浏览器会根据回调函数的返回值来决定元素顺序
            如果返回一个小于0的值，则元素会交换位置

代码：

       arr4 = [5,1,4,3]
       arr4.sort(function(a,b){
            return a-b;
       });
       console.log(arr4);//1, 3, 4, 5