数组

2018-09-26 本文已影响0人致自己_cb38

1.数组的概念

定义：用于保存一组数据的集合。
数组的定义格式：中括号或者new定义，里面每一个元素结束的时候使用一个逗号隔开，最后一个元素可以不使用逗号结尾。

2.数组的申明

var a = [];
var a = new Array();

3. instanceof 查看某个变量是否是某个数据类型的实例。

4.数组保存数据的格式

严格意义上来说数组可以保存任意格式的数据。
如果数组中保存的还是一个数组，那么这个数组叫做多维数组。
var a =[
[[1,2,3],2,3],
[4,3,2],
[8,2,7]
];

5.数组的键

数组的每一个元素都是由键与值组成。
[1,2,3,4,5];
[
0 => 1,
1 => 2,
2 => 3,
3 => 4,
4 => 5,
]
['a','b','c']
[
0 => 'a',
1 => 'b',
2 => 'c',
]
数组的键是从0 开始的，是一个递增的数值队列。
Object.keys() 获取某一个数组所有的键。返回的也是一个数组，这个数组是由原数组的键组成的。当然这个数组也有自己的键。
数组所有的键都是字符串格式的，只是看起来有点像数字格式，这个是和对象是一样的。对象所有的键也都是字符串格式的。
在获取数组的某一个值的时候，键名首先会转化为整形，然后整形转化字符串。如果是带有小数点后面数字的小数就不行了。

5.数组的访问形式

对象访问形式
oDiv.style.display
oDiv['style']['display']
数组访问形式
arr[数字]
arr[变量]
数组也支持存放不是数字键的元素，但是这个元素是按照对象的格式存放的，不计算在数组的元素个数中。可以使用对象的方式获取，也可以使用数组的方式获取。
arr['name'] = 'zhangsan'；

6. delete 删除一个对象的属性。

也能够删除数组的元素，但是删除之后元素的值删除了，但是数组的长度不会发生变化。也就是length不会改变。

7. length

数组中最重要的一个属性，表示数组中元素的个数。这个length是动态变化的。数组元素增加的时候，length会自动变大，元素减少的时候，length会自动的减少。如果手动设置length，那么数组也会发生变化。
数组的键是使用32为2进制来保存的，所有最大值是2^32-1；
也就是数组最多只能保存2^32-1个值。
数组的元素可以是不连续的，但是length总是比最大的键名大1.
没有保存数据的位置是空位。

8.in运算符

判断某一个{键}是不是在数组中，返回的是一个bool值。也能判断对象是否具有某个属性。
eg:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<script>
var arr = [1,3,5,89];
console.log(2 in arr); //true 判断是键
console.log(89 in arr); //false
//能不能判断对象的属性在不在对象里面
var zhangsan = {
    "age":"14",
    "height":"141",
    "weight":"200",
};
console.log('age' in zhangsan); //true
console.log('age1' in zhangsan); //false
</script>
</body>
</html>

9.for... in

遍历数组。类似于while循环以及for循环。但是比这俩智能一点，会跳过空位。

for(var j in arr){
    console.log(arr[j]);
}

for..in 遍历会将数组中不标准的键名和值也会遍历出来，而for循环以及while不会。

10.forEach 遍历数组

arr.forEach(function(){
    
});

11.数组中的空位

数组中间的空位是计算在length里面的，但是里面没有值，获取的时候是undefined。
var arr = [1,2,,,,,4];
数组结尾的空位是不生效的，所以可以省略最后的一个逗号。

undefined 与空位的区别：

获取内容的时候都是undefined。
真实空位在for……in循环遍历的时候会自动跳过，而真实存储undefined的位置不会跳过。
eg:


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<script>
var arr = [1,2,3,,,,,5,6];
console.log(arr[5]); //undefined
for(var i in arr){
    console.log(i); // 键名01278
}
var arr1 = [1,2,3,undefined,undefined,3,4];
console.log(arr1[3]); //undefined
for(var j in arr1){
    console.log(j)  //0123456
}
</script>
</body>
</html>

12. 类数组对象

类似于数组的对象。具有length属性，这个属性表示的变量内部的元素的个数。但是这个length不会动态变化。
eg：

arguments：参数对象
字符串
绝多数的DOM集合。oDiv

13.数组函数

压栈函数
- push 推向数组中添加一个元素,添加到数组的最后。
  pop 弹出从数组中弹出一个元素,从最后删除一个元素。
- unshift：向数组中添加一个元素，添加到数组开头。
  shift：从数组中删除一个元素，从数组的开头删除。
- splice：从数组中删除元素。
  - splice(start,num);从start(键名)位置开始，删除num个元素。
  - splice(start,num,....);从start位置开始，删除num个元素。然后将后面的所有的参数作为元素添加带这个删除元素的位置。如果num是0，那么在start的位置开始插入元素。
    eg:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<script>
var arr = [1,3,5,7];
arr.splice(1,0,100,200,11);
console.log(arr); //1 100 200 11 3 5 7
</script>
</body>
</html>

slice:数组截取,不会改变元素的数组，只是将截取出来的数据作为返回值单独返回。
slice(start,end-1)返回的是start开始，到end-1的数组元素的集合，返回的也是一个数组。
eg:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<script>
var arr = [1,2,3,4,5];
var a = arr.slice(1,4); //2,3,4
console.log(arr);
console.log(a);
</script>
</body>
</html>

join：将数组转化为字符串,默认是使用逗号连接。
join(连接符)：将数组元素使用连接符连接起来组成字符串。
concat：合并数组。
数组1.concat(数组2)；返回的是一个合并后的数组。并不会改变原来的数组。
eg:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<script>
var arr0 = ['I',
'L','o','v','e','Y','o','u'];
var you = [5,2,0,1,3,1,4];
var arr = arr0.concat(you);
console.log(arr); //'I','L','o','v','e','Y','o','u',5,2,0,1,3,1,4
</script>
</body>
</html>

reverse：数组翻转；会改变原来的数组。
arr.reverse();

14.冒泡排序

eg:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <style>

    </style>
</head>
<body>
    <script>
        var arr = [2,4,3,8,6,9,10];
        // 最后一个数不用比较
        for (var i = 0; i < arr.length-1; i++) {
            // 外面循环1次，里面循环length-i次，当外面循环第一次时，
           //第一个数与其他每个数进行比较，防止死循环
            for (var j = 0; j < arr.length-i; j++) {
                // 类似于有3个水缸进行替换
                if (arr[j+1] > arr[j]) {
                    var a = arr[j+1];
                    arr[j+1] = arr[j];
                    arr[j] = a;
                }
            }
        }
        console.log(arr);
    </script>
</body>
</html>

数组