javascript数组总结

时间 2019-11-12

标签 javascript 数组总结栏目 JavaScript 繁體版

原文原文链接

　　数组是一个有序的集合，javascript数组中的元素的类型能够是任意的，同一个数组不一样元素之间的类型也是能够不一样的。数组也是对象，有个length属性，记录数组的长度。javascript

建立数组
有两种方法：
　　数组直接量，var arr = [1,2,];这样会建立一个有两个元素的数组。之因此不是3个元素，是由于最后一个逗号是可选的。
　　另一种是调用构造函数：
　　 var arr = new Array(10);这样会建立一个具备10个元素的数组；或者
var arr = new Array(1，2,3,4,5,6);直接传进数组元素
　　
数组元素的读写
数组是特殊的对象，数组特殊在维护了一个length属性。数组的索引其实也就是对象的属性，0--2`32-2的属性值是索引。0--2`32-2的索引会自动转化为字符串的属性值。以下：
```
var a = [1,2];
    console.log(a.[0])//1
```
数组是对象，这由于着能够给它添加属性：java
var a = [];
a.test = 'test';
console.log(a.length);
a['0'] = 3;
console.log(a.length);
console.log(a.test);//test
console.log(a['0']);//3
console.log(a[0])//3数组
```
 
```
从上面也能够看到，给数组添加‘0’的属性，也会自动转化成索引。函数
数组长度
length属性老是比最大的一个索引大1（非稀疏数组）。这个length属性有一些特殊的行为。
往数组添加索引时，自动维护：
```
var a = [1,2,3];
    console.log(a.length);//3
    a[3] = 4;
    console.log(a.length);//4
```
更改length为比如今当前长度的非负整数的时候，大于等于长度的那些元素会被删除：spa
```
　　var a = [1,2,3,4,5,6,7,8,9];
    console.log(a.length);//9
    a.length = 8;
    console.log(a[8]);//undefined
    a.length = 7;
    console.log(a[7]);//undefined
```
更改length为比当前长度达的非负整数的时候，至关于增长了空白区域。code
数组遍历
使用for：
```
for(var i = 0; i < array.length; i++){
        
    }
```
这样作有个问题就是：要访问不少遍array的length属性，因此更好的作法是下面这种：对象
```
for(var i = 0, len = array.length; i < len; i++){

    }
```
或者像下面这样从后面开始遍历：blog
```
for(var i = array.length - 1; i >= 0; i--){
        
    }
```
另外能够用for/in来遍历：排序
```
for(var i in array){
        
    }
```
可是这样子带来的问题就是，除了索引属性以外，还会有继承来的属性、负整数属性、字符串属性也会被包含在其中。继承

ecma5定义了一个forEach函数：
```
　　var a = [1,2,3,4,5];
    a.forEach(function(index){
        console.log(index)
    })
```
数组方法
1. 　　转换方法toString（）、toLocalString（）、valueOf（），join（）；
  valueOf获得的仍是数组自己。而第2、第三个获得的都是一个数组，其实是在每一个元素上调用了一次toString或toLocaleString函数。
```
　　var a = [1,2,3,4,5];
    console.log(a.toLocaleString());//1,2,3,4,5
    console.log(a.toString());//1,2,3,4,5
    console.log(a.valueOf());//[1,2,3,4,5]
```
  并且会将数组扁平化：
```
var a = [1,2,3,4,5,[ 6,7,[ 8,9] ] ];
    console.log(a.toLocaleString());// 1,2,3,4,5,6,7,8,9
    console.log(a.toString());// 1,2,3,4,5,6,7,8,9
```
  join方法是利用给定的字符将数组元素连成一个字符串。实际上对每一个元素调用了toString方法。
2. var a = [1,2,3,4,5,[6,7,[8,9]]]
  console.log( a.join('*') );//1*2*3*4*5*6,7,8,9
  console.log(a);//var a = [1,2,3,4,5,[6,7,[8,9]]]
3. 栈方法push（）、pop（）
  push会在数组后面添加一个元素，并增长length的值。
```
    var a = [1,2,3,4,5];
    console.log(a.length);//5
    a.push(6);
    console.log(a.length);//6
    console.log( a[a.length - 1] );//6
```
  pop恰好相反，它会返回删除的元素。
4. 队列方法shift（）、unshift（）
  shift将数组的第一个元素删除并返回，后面的元素往前移，减小length的值。
```
    var a = [1,2,3,4,5];
    console.log(a.length);//5
    a.shift();
    console.log(a.length);//4
    console.log( a[0] );//2
```
  unshift恰好相反。
5. 重排序方法reverse（）、sort（）
  reverse方法是将数组反序。
```
    var a = [1,2,3,4,5];
    console.log( a.reverse() );//[5, 4, 3, 2, 1]
    console.log(a);//[5, 4, 3, 2, 1]
```
  能够看到，reverse是直接改变数组自己的。
  另外一个sort方法接受一个函数做为排序的依据。若是不传这个参数，则是对每一个元素调用toString方法而后比较。也就是所有转换为字符串而后再比较。
```
    var a = [2,43,25,64,62,45,75,10,4,7]
    console.log(a.sort());//[10, 2, 25, 4, 43, 45, 62, 64, 7, 75]
    console.log(a);//[10, 2, 25, 4, 43, 45, 62, 64, 7, 75]
```
  若是传入函数，则函数有两个参数，就是两个要进行比较的数据。如function（a1，a2）{}；要想a1排在前面就返回小于0；要想顺序不变返回0；另外一种状况你懂得。如想要按照数字的小到大排序。
```
　　var a = [2,43,25,64,62,45,75,10,4,7]
    console.log(a.sort(function(a, b){
        return a - b;
    }));//[2, 4, 7, 10, 25, 43, 45, 62, 64, 75]
    console.log(a);//[2, 4, 7, 10, 25, 43, 45, 62, 64, 75]
```
6. 操做方法concat()、slice（）、splice（）
  concat是将一个数组并接在另一个数组后面。
```
    var a = [1,2,3,4];
    var b = [5,6,7,[7,8],9];
    console.log(a.concat(b))//[1, 2, 3, 4, 5, 6, 7, [7,8], 9]
    console.log(a)//[1,2,3,4];
    console.log(b)//[5,6,7,[7,8],9]
```
  能够看到concat并不会将数组扁平化、并且不会改变原数组。它是想建立一个a的副本，而后将b复制进去而后返回。
  
  slice是基于当前数组，建立一个新的数组。接受两个参数，第二个参数是可选的。若是只有一个参数，就是从指定位置到最后一个的项。若是有两个参数，则是从第一个到第二个指定位置的项，但不包括最后一个。第二个参数能够是负数，-1表明最后一个项，但不包括最后一个。
```
    var a = [1,2,3,4,5];
    console.log( a.slice(1) );//[2,3,4,5]
    console.log( a.slice(0, 3) );//[1,2,3]
    console.log( a.slice(0, -3) );;//[1,2]
```
  一样的，slice不会改变原数组。而且当第二个参数的位置在第一个参数位置以前的时候，会返回一个空数组。
  
  splice功能很是强大，能够删除、插入、替换
  若是只传入两个参数，就是删除，第一个参数表明要删除的其实位置，第二个参数表明要删除的项的个数。
```
　　var a = [1,2,3,4,5];
    console.log(a.splice(1,2));//[2,3]
    console.log(a);//[1,4,5]
```
  若是传入两个以上参数，而且第二个参数是0，就是插入。第一个参数表明要插入的位置，第三个以及之后的参数表明要插入的项。
```
    var a = [1,2,3,4,5];
    console.log(a.splice(1,0,7,8));//[]
    console.log(a);//[1,7,8,2,3,4,5]
```
  若是传入两个以上参数，而且第二个参数不是0，就是替换。第一个参数表明要替换的开始位置，第二个参数表明要替换掉多少个项，第三个以及之后的参数表明要替换进去的项。
```
    var a = [1,2,3,4,5];
    console.log(a.splice(1,2,7,8));//[2,3]
    console.log(a);//[1,7,8,4,5]
```
  最后看一个例子：
```
    var a = [1,2,3,4,5];
    console.log(a.splice(-1,2,7,8));//[5]
    console.log(a);//[1, 2, 3, 4, 7, 8]
```
  这个例子说明，第一个参数接受负数，-1表明最后一个项。
7. 位置方法indexOf（）、lastIndexOf（）
  两个方法的区别是一个从前日后找，一个从后往前找。返回第一个找到的项的位置。
  接受两个参数，第一个是要查找的项，第二个是开始的位置。
```
    var a = [1,2,3,4,5,4,3,2,1]
    console.log(a.indexOf(4));//3
    console.log(a.lastIndexOf(4));//5
```
8. 迭代方法forEach（）、some（）、map（）、filter()、every（）
  这些方法都接受两个参数，第一个是一个将要被调用的函数，第二个参数是可选的，若是有第一个函数会做为该参数的方法调用。传入的函数有三个参数，数组元素、元素索引、数组自己
  
  forEach是对每一个项调用函数，没有返回值。且不能用break提早结束。
  map对每一个项调用函数，返回函数返回值组成的数组。
  filter对每一个项调用函数，返回使函数返回值为true的项组成的数组。该方法会跳过空元素。
  every对每一个项调用函数，若是每一个返回值都为true才返回true。
  some对每一个项调用函数，若是每一个返回值都为false才返回false。
9. 归并函数reduce（），reduceRight（）
  这些方法都接受两个参数，第一个是一个将要被调用的函数，第二个参数是可选的，是传递个函数的初始值。传入的函数有四个参数，上一次归并结果、数组元素、元素索引、数组自己。
  reduce会从第一个项开始调用函数，函数返回值做为第一个参数传给下一次函数调用，以此类推，直到最后，返回一个最后的值做为返回值。
```
var a = [];
    for(var i = 1; i <= 100; i++){
        a[i-1] = i;
    }
    var resule = a.reduce(function(last, value, i, arr){
        return last + value
    })
    console.log(resule)//5050
```