Day3：Array数组

数组（Array）

• 数组是使用数字来作为索引操作元素
• 数组也是一个对象
• 数组的存储性能比普通对象要好，在开发中我们经常使用数组来存储一些数据
• 从0开始的整数就是索引
• 数组中的元素可以为任意数据元素，可以为object，也可以为Array。

创建数组对象

• 构造函数

var arr = new Array();//创建一个空数组
var arr = new Array(n);//创建一个长度为n的数组
var arr = new Array(1,2,3)//创建一个数组并初始化

• 字面量

var arr=[];//创建一个空数组
var arr=[];
arr.length=n;//创建一个长度为n的数组
var arr=[1,2,3]//创建一个数组并初始化，长度为3

对Array进行操作

• 向数组中添加元素
• 语法：数组[索引] = 值

arr[0] = 10;
arr[1] = 33;
arr[2] = 22;
arr[3] = 44;

• 读取数组中的元素
• 语法：数组[索引]
• 如果读取不存在的索引，他不会报错而是返回undefined

console.log(arr[3]);//弹出44

• 获取数组的长度
• 可以使用length属性来获取数组的长度(元素的个数)
• 语法：数组.length

var length=arr.length

• 对于连续的数组，使用length可以获取到数组的长度（元素的个数）
• 对于非连续的数组，使用length会获取到数组的最大的索引+1
• 尽量不要创建非连续的数组

console.log(arr.length);

• 修改length
• 如果修改的length大于原长度，则多出部分会空出来
• 如果修改的length小于原长度，则多出的元素会被删除
• 向数组的最后一个位置添加元素
• 语法：数组[数组.length] = 值;

arr[arr.length] = 70;//每次添加长度会+1
arr[arr.length] = 80;
arr[arr.length] = 90;

Array中的方法

• push()
  该方法可以向数组的末尾添加一个或多个元素，并返回数组的新的长度
  可以将要添加的元素作为方法的参数传递，这样这些元素将会自动添加到数组的末尾
  该方法会将数组新的长度作为返回值返回

var arr=[1,2]
var result = arr.push("Tom","jack","kebo","Leslie");
console.log(arr);//返回数组
console.log("result = "+result);//6

• pop()
  该方法可以删除数组的最后一个元素,并将被删除的元素作为返回值返回

result = arr.pop();
console.log(arr);
console.log("result = "+result);//Leslie

• unshift()
  向数组开头添加一个或多个元素，并返回新的数组长度
  向前边插入元素以后，其他的元素索引会依次调整

arr.unshift(2,3);
console.log(arr);//2,3...

• shift()
  可以删除数组的第一个元素，并将被删除的元素作为返回值返回

result = arr.shift();
console.log(arr);
console.log("result = "+result);//2

• slice()
  可以用来从数组提取指定元素，也可以说是截取数组
  该方法不会改变元素数组，而是将截取到的元素封装到一个新数组中返回
  第二个参数可以省略不写,此时会截取从开始索引往后的所有元素
  索引可以传递一个负值，如果传递一个负值，则从后往前计算
  -1 倒数第一个
  -2 倒数第二个
  参数：
  1.截取开始的位置的索引,包含开始索引
  2.截取结束的位置的索引,不包含结束索引

var result = arr.slice(1,4);//从索引1开始，到4结束，将截取到的数组赋值给result
result = arr.slice(3);//从3开始到结束
result = arr.slice(1,-2);//从一开始到倒数第二个结束
console.log(result);

• splice()
  可以用于删除数组中的指定元素
  使用splice()会影响到原数组，会将指定元素从原数组中删除
  并将被删除的元素作为返回值返回
  参数：
  第一个，表示开始位置的索引
  第二个，表示删除的数量
  第三个及以后。。可以传递一些新的元素，这些元素将会自动插入到开始位置索引前边

arr = ["孙悟空","猪八戒","沙和尚","唐僧","白骨精"];
var result=arr.splice(1,2)
console.log(arr)//["孙悟空", "唐僧", "白骨精"]
console.log(result)// ["猪八戒", "沙和尚"]
var result = arr.splice(3,0,"牛魔王","铁扇公主","红孩儿");

以上方法会改变数组&&&&

• concat()
  可以连接两个或多个数组，并将新的数组返回
  该方法不会对原数组产生影响

var result = arr.concat(1,2,3,4);

• join()
  该方法可以将数组转换为一个字符串
  该方法不会对原数组产生影响，而是将转换后的字符串作为结果返回
  在join()中可以指定一个字符串作为参数，这个字符串将会成为数组中元素的连接符
  如果不指定连接符，则默认使用“,”作为连接符

arr = [1，2，3，4];
result = arr.join("@");//为一个字符串，1@2@3@4

• reverse()
  该方法用来反转数组（前边的去后边，后边的去前边）
  该方法会直接修改原数组

arr.reverse();

• sort()
  可以用来对数组中的元素进行排序
  也会影响原数组，默认会按照Unicode编码进行排序（Unicode：万国码）
  即使对于纯数字的数组，使用sort()排序时，也会按照Unicode编码来排序，
  所以对数字进行排序时，可能会得到错误的结果。
  我们可以自己来指定排序的规则
  我们可以在sort()添加一个回调函数，来指定排序规则，
  回调函数中需要定义两个形参,
  浏览器将会分别使用数组中的元素作为实参去调用回调函数
  使用哪个元素调用不确定，但是肯定的是在数组中a一定在b前边
  浏览器会根据回调函数的返回值来决定元素的顺序，
  如果返回一个大于0的值，则元素会交换位置
  如果返回一个小于0的值，则元素位置不变
  如果返回一个0，则认为两个元素相等，也不交换位置

   如果需要升序排列，则返回 a-b
   	如果需要降序排列，则返回b-a
  

var arr = ["b","d","e","a","c"];
//arr.sort();
arr.sort(function(a,b){
	//前边的大
	/*if(a > b){
		return -1;
	}
	else if(a < b){
		return 1;
	}
	else{
		return 0;
	}*/
	//升序排列
	//return a - b;
	//降序排列
	return b - a;
});

Array的遍历

• for循环

for(var i=0 ; i<arr.length ; i++)
{
	console.log(arr[i]);
}

• ** forEach**

forEach()方法需要一个函数作为参数
像这种函数，由我们创建但是不由我们调用的，我们称为回调函数
数组中有几个元素函数就会执行几次，每次执行时，浏览器会将遍历到的元素
以实参的形式传递进来，我们可以来定义形参，来读取这些内容
浏览器会在回调函数中传递三个参数：

• 第一个参数，就是当前正在遍历的元素
• 第二个参数，就是当前正在遍历的元素的索引
• 第三个参数，就是正在遍历的数组

arr.forEach(function(value , index , obj){
	console.log(value);
});

运行结果

一起学习，一起进步！