JS之数组方法

数组的创建

1. 数组字面量

var arr = [1,2,3,4,5];

2. 数组构造函数

var arr1 = Array(1,2,3,4,5);
var arr2 = [1,2,3,4,5];
console.log(arr1 == arr2);//true
var arr3 = Array(5);//这时构造的是长度为5的空数组。

3. of方法
   像是上面提到的Array函数使用时的问题可以用of方法解决。

var arr = Array.of(3);//构造长度为1，只有一个元素5的数组。
var arr1 = Array.of('3');//arr1 = ['3']

稀松数组

不像是其他语言，js对数组的定义十分随意，很难出现error。

1. 在数字字面量中省略值

var arr = [,,,,,];
console.log(arr); //[undefined * 5]

2. delete操作符

var arr = [1,2,3,4,5];
delete arr[2];
console.log(arr);//[1,2,undefined,4,5];

3. 访问超过数组长度的索引值时，如：

var arr = [1,2,3,4,5];
console.log(arr[10]);
//这时数组不会报错，返回undefined。

4. 为超过数组长度的索引值处赋值时

var arr = [1,2,3];
arr[10] = 5;
//这时也不会报错，只是第三位和第十位之间的值都为undefined。

数组方法

数组方法分成两种，一种将会改变原数组，一种不会改变。

• push，pop，shift，unshift，reverse，splice，sort 只有这七种方法能改变原数组
  push
  在数组最后插入数据，返回数组长度，可以传入多个参数。

var arr = [1,2,3,4,5];
arr.push(6,7,8);

试试重写push方法。

Array.prototype.push = function(){
            for(var i = 0;i < arguments.length;i ++){
                this[this.length] = arguments[i];
            }
            return this.length;
        }

pop
与push的作用相反，pop用来剪切数组最后一位。返回这一位的值。

pop里可以传参数，不报错但是没有用。

unshift
对比上面两个方法，unshift就是在数组前面插入值，同样可以传多个参数。

var arr = [1,2,3,4,5];
arr.unshift(3,2,1);
console.log(arr);    // [3,2,1,1,2,3,4,5]

shift
shift用于删去数组前的值，其他基本与pop一样

splice
arr.splice(从第几位开始,截取多少长度,在切口处添加新的数据) 返回截取的值,
第一位参数可以为负，代表着 -几 + this.length

var arr = [1,2,3,4,5,6,7,8,9,10];
arr.splice(3,2,1);  //返回[4,5]
console.log(arr);   //[1,2,3,1,6,7,8,9,10]

reverse
将数组反转并返回数组。

sort
sort() 方法用原地算法对数组的元素进行排序，并返回数组。
arr.sort() 排升序
arr.sort().reverse() 排降序
默认排序顺序是根据字符串Unicode码点，所以对数字排序时会发生下面的情况：

var arr1 = [1, 30, 4, 21, 100000];
arr1.sort();
console.log(arr1);
// Array [1, 100000, 21, 30, 4]

可以通过函数重写排序
格式compareFunction(a,b)
此时当函数返回值小于0时，a在b前。当返回值为整数的时候，b在a前。

    //按数字大小排序：
    var arr = [40,1,5,200];
    console.log(arr.sort());
    function compare(a,b){
        return(a - b);     //升序    降序为b-a
    }
    console.log(arr.sort(compare));
    //还有种写法
    //arr.sort((a,b) => a - b);

使数组乱序

var arr = [1,2,3,4,5,6];
        function compare(a,b){
            return Math.random() - 0.5;
        }
        console.log(arr.sort(compare));

利用对象中的属性排序

var one = {
            name : 'sad',
            age : 35
        },
        two = {
            name : 'dgf',
            age : 23
        },
        three = {
            name : 'fgd',
            age : 21
        };

        var array1 = [one,two,three];
        array1.sort(function(a,b){
            return a.age - b.age;
        })

双重排序

var one = {name : 'sad',age : 35},
        two = {name : 'dgf',age : 23},
        three = {name : 'fgd',age : 21},
        four = {name : 'sdf',age : 23};

        var array1 = [one,two,three,four];
        array1.sort(function(a,b){
            return a.age - b.age;
        })
        array1.sort(function(){
            if(a.age == b.age)
            {
                a.name - b.name;
            }
            return a.age - b.age;
        })

• 不改变原数组concat，split，join，toString，slice，
  concat

concat() 方法用于合并两个或多个数组。此方法不会更改现有数组，而是返回一个新数组。

split
split 是join的相对的方法 可以将字符串拆开，返回数组，参数传入分隔符
join
在数组元素间加连接符，并且使其有字符串的形式返回。

var arr = [1,2,3,4,5];
arr.join('-');
console.log(arr);   //'1-2-3-4-5'

试试将50个字符串相连。

1. 可以使用 ‘+’ 运算符，但是字符串是栈存储，每次相加都要从底部拿出字符串的第一位。效率较低。
2. 可以使用join方法。

var arr = [str,str1,str2,str3,str4,str5];
        arr.join('');   // 这样的效率比字符串一个个相加高

toString
将数组转化成字符串

当然还有许多数组方法没有记录到，将持续完善它。