数组有两种声明方式
第一种 构造函数的形式
通过 new 一个 数组的构造函数 Array() 来创建一个数组
构造函数 首字母 必须大写
var arr = new Array(); 创建一个空数组
再通过构造函数创建数组的时候 还可以直接规定 数组中有几个元素
var arr1 = new Array(10);
console.log(arr1);
log出来的结果是 arr1 是一个 长度为 10 的空数组
通过 构造函数创建数组时 也可以直接在小括号中 将 数组的元素写进去
写元素的时候 不加 [] 直接写 用 ，隔开
var arr2 = new Array(1,2,3,4,5,6,7);
console.log(arr2);
注意！！！
在使用这个方法的时候 一定要注意 括号内添加的数组元素 数量 必须 >=2
第二种方式 字面量的形式
var arr = [];
var arr1 = [1,2,3,4,5,6,"hello"];
数组中 可以存放任何形式的 元素
换句话来说 数组中的元素 可以是任意数据类型
数值类型
var arr = [1,2,3,4,5];
字符串类型
var arr = ["q","w","e","r"];
数组类型
var arr = [
[1, 2, 3],
[2, 3, 4],
[3, 4, 5]
];
注意 数组里面存放一个数组的时候（数组中有套了一层数组） 这个数组 叫 二维数组
不是说 数组中存了几个数组 它就是几维数组
而是 数组中存了几层数组 它就是 几维数组
[[1,2,3],1,2,3,4,[12,3,4,'qwe']] 二维数组
[[1,2,3,[4,5,6],12],123123,213132] 三维数组
对象类型
当数组里面存的是对象的时候 它还叫 json数组
var arr = [{
name: '张三',
age: 18,
sex: "男"
},
{
name: '张三',
age: 18,
sex: "男"
},
{
name: '张三',
age: 18,
sex: "男"
}]
数组的属性
length 属性 返回一个数组长度
arr.length 可以获取到 arr 数组的数组长度（数组中 元素的 个数）
数组的操作方法
1. push()
向数组的 末尾 添加一个或多个元素 并返回新的长度
返回值：
直观感受：log这个方法 或者 用变量接收这个方法 时 所得到的值
arr.push('qwe'); // 向数组的末尾 添加一个元素 "qwe"
console.log(arr); // [1,2,3,4,5,'qwe']
console.log(arr.push('asd')); // 7 返回了 新数组的长度
var a = arr.push('asd');
console.log(a); // 7 返回了新数组的长度
添加多个元素
arr.push(1,2,3,4,5,6);
onsole.log(arr);
添加一个数组
arr.push(arr1);
console.log(arr);
当 是以 push() 添加一个数组的时候
是将 这个数组(arr1) 当成一个元素 存在了目标数组(arr)中
而不是 将 两个数组的 元素 拼接在一起 合成一个数组
2. pop()
删除 并 返回 数组的最后一个元素
var arr = [1, 2, 3, 4, 5];
var a = arr.pop();
console.log(arr); //[1,2,3,4]
console.log(a); // 返回值 就是被删除的那个元素 5
// 如果数组是一个空数组 使用 pop()
// 不会改变原有的数组 返回值是 undefined
var arr1 = [];
var b = arr1.pop();
console.log(arr1); // []
console.log(b); // undefined
3. unshift()
向数组的开头 添加一个元素 并返回新的长度
跟 push 对立
push() 向数组末尾 添加一个元素 并返回新的长度
unshift() 跟push的操作方法一样 只不过 一个是给开头添加 一个是给末尾添加
var arr = [1,2,3,4,5];
var a = arr.unshift("qwe");
console.log(arr); //['qwe',1,2,3,4,5]
console.log(a);// 6 返回了新数组的长度
4. shift()
将数组的第一个元素 删除 并返回 被删除的这个元素
跟 pop 操作方法一样
区别： pop() 删除 数组的最后一个元素 shift() 是删除第一个
var arr = [1,2,3,4,5];
var a = arr.shift();
console.log(arr);// [2,3,4,5]
console.log(a);// 1 被删掉的第一个元素
5. splice()
向数组中指定位置 添加元素
或者
删除数组指定位置的元素
arr.splice(index,howMany,item); 参数位置 不能改变
index : 必须写的参数 设置 被添加或者删除的元素的 指定位置（索引值）
howMany: 必须写的参数 设置 被删除的元素的数量 如果设置为 0 则不删除元素
item : 可选参数 代表 你向数组中添加的新元素 可以是多个
var arr = [1, 2, 3, 4, 5];
删除 1 个 元素
删除 arr 数组 中 第二个元素 （索引值为1）
var a = arr.splice(1, 1);
删除 第二个元素 所以 index => 1
只删除第二个元素（删除的元素数量为1） 所以 howMany => 1
我们只删除 不添加 所以 不写 item
console.log(arr); // [1,3,4,5]
console.log(a); //[2]
删除 多个元素
从 arr 数组 第二个位置开始 删除 3 个元素
var a = arr.splice(1, 3)
从 第二个元素 开始 所以 index => 1
删除 3 个元素 所以 howMany => 3
只删除 不添加 所以 不写 item
console.log(arr); // [1,5]
console.log(a); // [2,3,4]
二维数组的删除
目前所有的 数组的操作方法 跟 二维/三维数组 没有关系
二维数组： 将数组 作为 一个元素 储存在 目标数组中
数组的操作方法 是针对于 数组中 每一个 元素
二维数组和三维数组 也是数组中的元素 只不过 他们的数据类型 是数组而已
所以 在使用 数组的操作方法时 跟正常数组一样 没有什么特殊的地方
var arr1 = [[1,2],[2,3],[3,4],[4,5],[6,7]];
var a = arr1.splice(2,2);
console.log(arr1);
console.log(a);
使用 splice() 来删除元素总结
想删除哪个元素 或者 想从哪个元素开始删
index参数位置 就写这个元素的 索引值
删除一个元素的时候
howMany参数位置 写 1
删除多个元素的时候
howMany参数位置 删几个 就写几
不删的时候的时候
howMany参数位置 写 0
删除元素时 会改变原有的数组
删除时 会有返回值 返回值会将 被删除的元素 以数组的形式 返回出来
所以 通常 把 splice() 也叫做 截取数组的方法
splice() 添加
添加一个元素
给 arr数组 第三个元素的位置 添加一个元素 'qwe'
var a = arr.splice(2,0,'qwe');
向 第三个元素的位置 添加 index => 2
只添加 不删除 howMany => 0
添加的元素为 "qwe" item => "qwe"
console.log(arr);
console.log(a);
添加多个元素
var a = arr.splice(2,0,'q','w','e','r');
向第三个元素的位置添加 index => 2
只添加 不删除 howMany => 0
要添加多个元素 所以 item这个参数 也是多个 中间以 , 隔开
console.log(arr);
console.log(a);
使用 splice() 来添加 元素
向哪个位置添加 index 就写哪个位置的 索引值
不管是添加一个 还是 添加多个元素
都是将 新元素 插入到 指定位置中
如果是多个新元素
那么 添加时 会将 新元素 从 目标位置 按顺序插入进去
如果 只添加 不删除 howMany 永远是 0
返回值 永远是 空数组 []
同时 添加 和 删除
依旧遵循 单独添加 和 单独删除 时候的操作方法
加一个 删一个
删除数组中 第二个元素 同时 给第二个元素的位置 添加一个 "q"
var a = arr.splice(1, 1, 'q');
console.log(arr);
console.log(a);
6.concat()
链接两个数组
concat() 不会改变原有的两个数组
会将拼接号的数组以返回值的形式返回出来
数组a.concat(数组b)
7.indexOf()
查询数组中的某个元素
如果能找到就返回这个元素的索引值
如果找不到就返回-1
如果数组中存在多个重复目标元素
则返回从左往右第一个目标元素的索引值
var arr = [5,4,3,2,1,3];
var a = arr.indexOf(3);
console.log(arr);
console.log(a);
数组去重
var a = [];
for(var i = 0; i <= 9; i++){
a[i] = Math.round(Math.random() * (9-1) + 1);
}
console.log(a);
var b = []
for(var i = 0;i <a.length;i++){
if(b.indexOf(a[i]) == -1){
b.push(a[i]);
}
}
console.log(b);
8.join()
将数组转换成字符串
不会改变原有的数组
会将转化完毕的字符串以返回值得形式返回回来
join()在不设置的情况下,默认将数组转化成字符串后,用逗号隔开每一个元素
在设置的情况下,设置什么就以什么隔开元素
如果设置空字符串,则不隔开元素,所有元素连在一起
var arr = [1,2,3,4,5,6];
var a = arr.join(' ');
console.log(arr);
console.log(a);
console.log(typeof(a));
