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>
网友评论