数组( Array) 简介
数组也是一个对象
它和咱们一般对象性能相似, 也是用来存储一些值的
不同的是一般对象是应用字符串作为属性名的
而数组是应用数字来作为索引操作元素
索引:
从0开始的整数就是索引
数组的存储性能比一般对象要好, 在开发中咱们常常应用数组来存储一些数据
创立数组对象
var arr = new Array();
应用typeof来查看一个数组时, 会返回object
console.log(typeof arr);
向数组中增加元素
语法:
数组[索引] = 值arr[0] = 10;arr[1] = 33;arr[2] = 22;
读取数组中的元素
如果读取不存在的索引,它不会报错而是返回undefined
语法:
数组[索引]console.log(arr[0]); //10
获取数组的长度
能够应用length属性来获取数组的长度( 元素的个数)
语法:
数组.length
对于间断的数组, 应用length能够获取到数组的长度( 元素的个数)
对于非间断的数组, 应用length会获取到数组的最大的索引 + 1
尽量不要创立非间断的数组
console.log(arr.length); //3 console.log(arr); //10,33,22
批改length
如果批改过的length大于原长度, 则多出局部会空进去
如果批改的length小于原长度, 则多进去的元素会被删除
arr.length = 10console.log(arr.length); //10console.log(arr); //10,33,22,,,,,,
向数组的最初一个地位增加元素
语法:
数组[数组.length] = 值;arr[arr.length] = 50; //向最初一个地位增加元素console.log(arr.length);console.log(arr)
数组字面量
应用字面量来创立数组
语法:[]
var arr = [];
应用字面量创立数组时,能够在创立时就指定数组中的元素
var arr = [1,2,3,4,5,10];
应用构造函数创立数组时,也能够同时增加元素,将要增加的元素作为构造函数的参数传递
元素之间应用,(逗号)隔开
var arr2 = new Array(10,20,30);
创立一个数组数组中只有一个元素10
arr = [10];
创立一个长度为10的数组
arr2 = new Array(10);
数组中的元素能够是任意的数据类型
arr = ["hello",1,true,null,undefined];
也能够是对象
var obj = {name;"孙悟空"};
也能够是函数
arr = [function(){alert(1)},function(){alert(2)}];
数组中也能够放数组,如下这种数组咱们称为二维数组
arr = [[1,2,3],[3,4,5],[5,6,7]];console.log(arr[0]); //123
数组的四个办法
push()
该办法能够向数组开端增加一个或多个元素,并返回数组的新的长度
能够将要增加的元素作为办法的参数传递
这样这些元素将会主动增加到数组的开端
该办法会将数组新得长度作为返回值返回
//创立一个数组var arr = ["孙悟空","猪八戒","沙和尚"];var result =arr.push("唐僧","蜘蛛精","白骨精");console.log(arr); //孙悟空,猪八戒,沙和尚,唐僧,蜘蛛精,白骨精console.log("result="+result); //6
pop()
该办法能够删除数组的最初一个元素,并将被删除的元素作为返回值返回
arr.pop();console.log(arr); //孙悟空,猪八戒,沙和尚,唐僧,蜘蛛精//result = arr.pop();//console.log("result="+result); //白骨精
unshift()
向数组结尾增加一个或多个元素,并返回新的数组长度
向前边插入元素之后,其余的元素索引会顺次调整
console.log(arr); //孙悟空,猪八戒,沙和尚,唐僧,蜘蛛精arr.unshift("牛魔王","二郎神");console.log(arr); //牛魔王,二郎神,孙悟空,猪八戒,沙和尚,唐僧, 蜘蛛精
shift()
能够删除数组第一个元素,并将被删除的元素作为返回值返回
arr.shift();console.log(arr);result = arr.shift();console.log(arr);
数组的遍历
遍历数组,就是将数组中所有的元素都取出来
var arr ["孙悟空","猪八戒","沙和尚","唐僧"];for(var i=0 ; i<arr.length ; i++){ console.log(arr[i]);}
forEach
个别都是应用for循环去遍历数组,JS还为咱们提供了一个办法,用来遍历数组
forEach()这个办法只反对IE8以上的浏览器,IE8及一下浏览器不反对,如果须要兼容,则不要应用
forEach()办法须要一个函数作为参数
像这种由咱们创立但不禁咱们调用的,咱们称为回调函数
数组中有几个元素函数就会执行几次,每次执行时,浏览器会将遍历到的元素以实参的模式传递进来,咱们能够来定义形参,来读取这些内容
浏览器会在回调函数中传递三个参数
第一个参数,就是以后正在遍历的元素
第二个参数,就是以后正在遍历的元素的索引
第三个参数,就是咱们正在遍历的数组
var arr = ["孙悟空","猪八戒","沙和尚","唐僧"];arr.forEach(function(value,index,obj){ console.log(value); console.log(index); console.log(obj);});
slice和splice
alice()
能够用来从数组中提取出指定元素
该办法不会扭转原数组,而是将截取到的元素封装到一个新数组中返回
参数:
1.截取开始地位的索引,蕴含开始索引
2.截取完结地位的索引,不蕴含完结索引
第二个参数能够省略不写,此时会截取从开始索引往后的所有元素
索引能够传递一个负值,如果传递一个负值,则从后往前计算
-1倒数第一个
-2倒是第二个
var arr = ["孙悟空","猪八戒","沙和尚","唐僧","白骨精"];var result = arr.slice(0,2) //孙悟空,猪八戒,var result = arr.slice(1,-2) //猪八戒,沙和尚console.log(result)
splice()
能够用来删除数组中的指定元素
应用splice()会影响到原数组,会将指定元素从原数组中删除
并将被删除的元素作为返回值返回
参数:
第一个,示意开始地位的索引
第二个,示意删除的数量
var arr = ["孙悟空","猪八戒","沙和尚","唐僧","白骨精"];var result = arr.splice(1,2);console.log(result);
concat()
concat()能够连贯两个或多个数组,并将新的数组返回
该办法不会对原数组产生影响
var arr = ["孙悟空","猪八戒","沙和尚"];var arr2 = ["唐僧","白骨精","玉兔精"];var arr3 = ["二郎神","太上老君","玉皇大帝"];var result = arr.concat(arr2,arr3,"牛魔王","铁扇公主");console.log(result);
join()
该办法能够将数组转换成一个字符串
该办法不会对原数组产生影响,而是将转换后的字符串作为后果返回
var arr = ["孙悟空","猪八戒","沙和尚"];result = arr.join();console.log(typeof result); //string
在join()中能够指定一个字符串作为参数,这个字符串将会成为数组中元素的连接符
如果不指定,则默认应用,(逗号)作为连接符,如果不想应用连接符 传递空串 即可。
var arr = ["孙悟空","猪八戒","沙和尚"];result = arr.join("hello");console.log(result); //孙悟空hello猪八戒hello沙和尚
reverse()
该办法用来反转数组,(前边的去后边,后边的去前边)
该办法会间接批改原数组
var arr = ["孙悟空","猪八戒","沙和尚"];arr.reverse();console.log(arr); //沙和尚,猪八戒,孙悟空
sort()
能够用来对数组中的元素进行排序
也会影响原数组,默认会依照Unicode编码进行排序
arr = ["b","d","e","a","c","g","f"];arr.sort();console.log(arr);
即便对于纯数字数组,应用sort()排序,也会依照Unicode编码进行排序
所以对数字进行排序时,可能会失去谬误的后果
arr = [3,4,11,2,5];arr.sort();console.log(arr); //11,2,3,4,5
咱们能够本人指定排序的规定
咱们能够在sort()中增加一个回调函数,来指定排序规定
回调函数中须要定义两个形参
浏览器将会别离应用数组中的元素作为实参调用回调函数
应用哪个元素调用不确定,然而必定的是在数组中a肯定在b后面
浏览器会依据回调函数的返回值来决定元素的程序
如果返回一个大于0的值,则元素会替换地位
如果返回一个小于0的值,则元素地位不变
如果返回一个等于0的值,则认为两个元素相等,也不替换地位
如果须要升序排列,则返回a-b
如果须要降序排列,则返回b-a
arr = [5,4,7,9,2,8,3,6];arr.sort(function(a,b){ if(a>b){ return 1; }else if(a<b){ return -1; }else{ return 0; }});console.log(arr);
或者
arr = [5,4,7,9,2,8,3,6];arr.sort(function(a,b){//升序排列return a - b;//降序排列return b - a:});console.log(arr);