2018-09-26数组

2018-09-27 本文已影响0人满天繁星_28c5

1.数组的概念

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

2.数组的申明

2.1 var a =[ ];

2.2 var a = new Array();

eg:

<script>
/*
var a =  array();
console.log(a);
console.log(typeof a);
console.log(a instanceof Array);
*/
var arr = [
    1,          //数字
    'string',   //字符串
    true,       //bool
    undefined,  //undefined
    null,       //null object
    function say(){},  //function
    {"name":"zhangsan"},    //object
    [1,2,3],        //数组
];
console.log(arr);
</script>

3.instanceof(运算符、变量)

4.数组保存数据的格式

严格意义来说数组可保存任意格式的数据。
如果数组找那个保存的还是一个数字，那么这个素质叫做多维数组。
var a = {
[1,2,3,],2,3
[4,3,2],
[]
};

5.数组的键

数组的每一个元素都是由键与值组成。
[1,2,3,4,5,6];
[
0 =>1,
1 =>2,
2 =>3,
3 =>4,
……
]

['a','b','c','d']

[
0 =>'a',
1 =>'b',
2 =>'c',
3 =>'d',
]

数组的键都是从零开始的是一个递增连续的数值队列。
Object.keys 获取某一个数组所有的键。返回的也是一个数组，这个数组是由元素的键组成的。当然这个数组也有自己的键。
数组所有的键都是字符串格式的，知识看起来像数字格式，这个是和对象是一样的。对象所有的都是字符串格式的。
在获取数组的某一个值的时候键名首先会转化为整形，然后整形再转化为字符串。如果是带有小数点后面的数字就不行了。
eg：

<script>
var arr = ['a','c','b','g','h'];
var keys = Object.keys(arr);
console.log(keys);
console.log(arr[2]);
console.log(arr['2']);
console.log(arr[2.1]);
</script>

6.数组的访问形式

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

eg:

<script>
var arr = [
   'a',
   'd',
   'e'
];
console.log(arr.length);
arr[3] = 'f';
console.log(arr.length);
arr['name'] = 'zhangsan';
console.log(arr);
console.log(arr.length);
delete arr['name'];
console.log(arr.name);
</script>

7.delete

删除一个对象的属性。也能够删除数组的元素，但是数组的长度(length)不会改变。
eg：

<script>
var a = {};
a.name = 'zhangsan';
a.age = 18;
a.sex = 'nan';
console.log(a);
delete a.age;
console.log(a);
</script>

8.length

数组中最重要的一个属性，表示数组中元素的个数。这个length是动态变化的。数组元素增加的时候，length会自动变大，元素减少的时候，length会自动减小。如果手动设置length，那么数组也会发生变化。
eg:

<script>
var arr = [1,2,34,4];
//console.log(arr.length);  //4
arr[4] = 'ab';
 //[1,2,34,4,'ab'] 5
// arr.length = 7;
arr[5.1] = 'ws';

console.log(arr);
console.log(arr.length);
// arr.length = 5;
//console.log(arr);

/*
console.log(arr.length); //5
console.log(arr);
delete arr[4];
console.log(arr.length);
console.log(arr);
*/
</script>

数组的是使用一个32为2进制来保存的，所有最大值是2^{32-1；也就是数组只能保存2}32-1个值。
数组的元素可以是不延续的，但是length总是比最大的键吗大1。没有保持数据的位置是空位。(如果不是一个标准键length是不会发生变化的。)

9.in 运算符

判断某一个键是不是在数组中，它返回的是一个布尔值。
也能判断对象是否具有某一个属性。

eg：

<script>
var arr = [1,2,5,89];
console.log(2,in,arr);     //true  判断的是键  2是指length
console.log(89,in,arr);     //false  判断的是键

//能不能判断对象的属性在不在对象里面。
var zhangsan = {
    "age":"14",
    "height":"141",
    "weight":"160",
}
console.log(age,in,zhangsan );
console.log(height,in,zhangsan );
console.log(weight,in,zhangsan );
</script>

10.for...

遍历数组。类似于while循环和for循环。但是比这俩更灵活一点，会跳过空位。

eg：

<script>
var arr = [];
arr[1] = 'ab';
arr[100] = 1000;  //length
//for
for(var i =0;i<arr.length;i++){
    console.log(arr[i]);
}
arr['name'] = 'laiya';
var zhangsan = {
    "age":"14",
    "height":"141",
    "weight":"200",
};
for(var j in arr){
    console.log(arr[j]);
}
</script>

for...in会将不标准的键名和值也会遍历出来，

11.forEach 遍历数组
arr.forEach(function())

eg：

<script>
var arr = [];
arr[1] = 'ab';
arr[100] = 1000;  //length
//for
arr.forEach(function(){
    console.log(1);
});
</script>

12.数组的空位

11.1数组中间的空位:

数组中间的空位是计算在length里面的，但是里面没有值，获取的时候是undefind。
eg：

<script>
var arr = [1,2,,,,,,4]
console.log(arr);
console.log(arr.length);
</script>

12.2数组结尾的空位：

数组结尾的空位是不生效的，所以可以省略最后的逗号。
eg：

<script>
var arr = [1,2,,,,,4];
console.log(arr);
console.log(arr.length);
var a = [1,2,3,4,5,];
console.log(a);
console.log(a.length);
</script>

underind 与空位的区别：
获取内容的时候是undefind
真实空位在for....in循环的时候会跳过，而真实存储undefind的位置的时候不会跳过。
eg：

<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>

13.类数组对象

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

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

14.数组函数

压栈函数

push 推向数组中添加一个元素。添加到数组的最后。
pop 弹出向数组中弹出一个元素。从最后删除一个函数。
eg：

<script>
var arr = [1,3,5];
arr.push(9);
console.log(arr);
arr.pop();
console.log(arr);
</script>

unshift：向数组中添加一个元素，添加到数组最前面。
shift：向数组中删除一个元素，从数组的开头删除。

eg：

<script>
var arr = [1,3,5];
arr.unshift(9);
console.log(arr);
arr.shift();
console.log(arr);
</script>

splice：从数组中删除元素。(从哪个位置开始删除多少个元素。)
splice(start,num)从start开始，删除num个元素。
eg：

<script>
var  arr  =[1,3,5,7];
arr.splice(1,2);  //3 7
console.log(arr);
</script>

splice(start,num,……)；从start位置开始，删除num个元素然后将后面的所有参数作为元素添加带这个删除元素的位置。如果num是0，那么在start的位置开始插入元素

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

<script>
var arr = [1,2,3,4,5];
var a = arr.slice(1,4); //2,3,4
console.log(arr);
console.log(a);
</script>

join: 将数字转化为字符串。默认使用逗号链接。
join(连接符)：将数字元素使用连接符链接起来组成字符串。
eg：

<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);
var str = arr.join('_');
console.log(str)
console.log(arr0);
console.log(you);
</script>

concat：合并数组
数组1：concat(数组2)；返回的是一个合并后的数组，并不会改变原来的数组。
eg：

<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);
var str = arr.join('_');
console.log(str)
console.log(arr0);
console.log(you);
</script>

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

<script>
var arr = [1,2,3,4,5];
arr.reverse();
console.log(arr);
</script>

15.冒泡排序

格式：
for(){
for(){

}
eg：

<script>
var arr = [9,2,6,3,89,66,5,89,44,32,11];
//确定规则
for(var i=0;i<arr.length-1;i++){
    for(var j=0;j<arr.length-i;j++){
        if(arr[j] > arr[j+1]){
            var temp = arr[j+1];
            arr[j+1] =  arr[j];
            arr[j] = temp;
        }
    }
}
console.log(arr);
</script>