06_javascript内建对象Array

JavaScript对象:

内建对象
宿主对象
自定义对象

内建对象:

Array
Data
Math(工具类)
RegExp(正则表达式)
Function
Events
包装类:String、Number、Boolean

Array

数组(Array)
数组也是一个对象,它和我们普通对象功能类似,也是用来存储一些值的;
不同的是普通对象是使用字符串作为属性名的,而数组时使用数字来作为索引操作元素;

索引:从0开始的整数就是索引

数组的存储性能比普通对象要好,在开发中我们经常使用数组来存储一些数据。

创建数组

使用构造函数创建数组:
var arr = new Array();
使用构造函数创建数组时,可以同时添加元素,
将要添加的元素作为构造函数的参数传递元素之间使用,隔开
var arr2 = new Array(10,20,30);

创建一个长度为10的数组
arr2 = new Array(10);
console.log(arr2.length);//10
使用字面量来创建数组
语法:[]
  	var arr = [];
    	
使用字面量创建数组时,可以在创建时就指定数组中的元素
var arr = [1,2,3,4,5,10];

// 数组中的元素可以是任意的数据类型
arr = ["hello",1,true,null,undefined];
//也可以是对象
arr = [{name:"孙悟空"},{name:"沙和尚"},{name:"猪八戒"}];
// 也可以是一个函数
arr = [function(){alert(1)},function(){alert(2)}];
//数组中也可以放数组,如下这种数组我们称为二维数组
arr = [[1,2,3],[3,4,5],[5,6,7]];

使用typeof检查一个数组时,会返回object
console.log(typeof arr);  //‘object’

向数组中添加元素

语法:数组[索引] = 值
	arr[0] = 10;

读取数组中的元素

语法:数组[索引]
如果读取不存在的索引,他不会报错而是返回undefined

获取数组的长度

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

语法:数组.length

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

修改length:

如果修改的length大于原长度,则多出部分会空出来
如果修改的length小于原长度,则多出的元素会被删除

向数组的最后一个位置添加元素

语法:数组[数组.length] = 值;
arr[arr.length] = 70;

遍历数组

所谓的遍历数组,就是将数组中所有的元素都取出来

for循环遍历数组:
var arr = ["孙悟空","猪八戒","沙和尚","唐僧","白骨精"];	
for(var i=0 ; i<arr.length ; i++){
    console.log(arr[i]);
}
forEach()遍历数组:
// 语法:
arrayName.forEach(function(value, index , obj){
    
})
    arrayName: 要遍历的数组name
    value:     当前遍历元素
    index:     正在遍历的元素的索引
    obj:       就是正在遍历的数组

这个方法只支持IE8以上的浏览器;IE8及以下的浏览器均不支持该方法,
所以如果需要兼容IE8,则不要使用forEach( )还是使用for循环来遍历

var arr = ["孙悟空","猪八戒","沙和尚","唐僧","白骨精"];
arr.forEach(function(value , index , obj){
	console.log(value);
});

forEach()方法需要一个函数作为参数
像这种函数,由我们创建但是不由我们调用的,我们称为回调函数;

数组中有几个元素函数就会执行几次,每次执行时,
浏览器会将遍历到的元素以实参的形式传递进来,我们可以来定义形参,来读取这些内容。

浏览器会在回调函数中传递三个参数:
	* 第一个参数,就是当前正在遍历的元素
	* 第二个参数,就是当前正在遍历的元素的索引
	* 第三个参数,就是正在遍历的数组

数组中的方法:

push()(会改变原数组,末尾添加)
向数组的末尾添加一个或多个元素,并**返回数组的新的长度;

可以将要添加的元素作为参数传入,这样这些元素将会自动添加到数组的末尾;
该方法会将数组新的长度作为返回值返回

var arr = ["孙悟空","猪八戒","沙和尚"];
var result = arr.push("唐僧","蜘蛛精","白骨精","玉兔精");
console.log(arr);//孙悟空,猪八戒,沙和尚,唐僧,蜘蛛精,白骨精,玉兔精
console.log("result = "+result); //result = 7
pop()(会改变原数组,末尾删除)
删除数组的最后一个元素,并**将被删除的元素作为返回值返回。

var arr = ["孙悟空","猪八戒","沙和尚"];		
result = arr.pop();
console.log(arr);//["孙悟空","猪八戒"]
console.log("result = "+result);//result = 沙和尚
unshift()(会改变原数组,开头添加)
向数组开头添加一个或多个元素,并**返回新的数组长度;
向前边插入元素以后,其他的元素索引会依次调整。

var arr = ["孙悟空","猪八戒","沙和尚"];	
arr.unshift("牛魔王","二郎神");
result = console.log(arr);//["牛魔王,二郎神,孙悟空,猪八戒,沙和尚"]
console.log("result = "+result);//result = 5
shift()(会改变原数组,开头删除)
删除数组的第一个元素,**并将被删除的元素作为返回值返回

var arr = ["孙悟空","猪八戒","沙和尚"];	
result = arr.shift();
console.log(arr); //[ "猪八戒,沙和尚"]
console.log("result = "+result);//"result = 孙悟空"
concat()
连接两个或多个数组,并将新的数组返回;
该方法不会对原数组产生影响

var arr = ["孙悟空","猪八戒","沙和尚"];
var arr2 = ["白骨精","玉兔精","蜘蛛精"];
var arr3 = ["二郎神","太上老君","玉皇大帝"];
var result = arr.concat(arr2,arr3,"牛魔王","铁扇公主");
console.log("result = "+result);
// result = 孙悟空,猪八戒,沙和尚,白骨精,玉兔精,蜘蛛精,二郎神,太上老君,玉皇大帝,牛魔王,铁扇公主
join()
该方法可以将数组转换为一个字符串;
该方法不会对原数组产生影响,而是将转换后的字符串作为结果返回;

在join()中可以指定一个字符串作为参数,这个字符串将会成为数组中元素的连接符;
如果不指定连接符,则默认使用,作为连接符

arr = ["孙悟空","猪八戒","沙和尚","唐僧"];
result = arr.join("@");
// result = 孙悟空@猪八戒@沙和尚@唐僧
reverse()(该方法会直接修改原数组)
该方法用来反转数组(前边的去后边,后边的去前边)
该方法会直接修改原数组

arr = ["孙悟空","猪八戒","沙和尚","唐僧"];
arr.reverse();
console.log(arr);// ["唐僧", "沙和尚", "猪八戒", "孙悟空"]
sort()(会影响原数组)
可以用来对数组中的元素进行排序;
也会影响原数组,默认会按照Unicode编码进行排序

arr = ["b","d","e","a","c"];
arr.sort();

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

arr = [5,4,2,1,3,6,8,7];
arr.sort(function(a,b){			
	//升序排列
	//return a - b;
	//降序排列
	return b - a;
});
console.log(arr);//[8, 7, 6, 5, 4, 3, 2, 1]
slice()
该方法从已有的数组中返回选定的元素。
返回一个新的数组,包含从 start 到 end (不包括该元素)的数组(左闭右开)

参数:
1.start:必需。规定从何处开始选取。
  如果是负数,那么它规定从数组尾部开始算起的位置。
2.end:可选。规定从何处结束选取。
  该参数是数组片断结束处的数组下标。
  如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素;
  如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。

arr = ['z','b','y','n','m','p']
result = arr.slice(2,-2)
console.log("result = "+result);//"result = y,n"
console.log('arr = '+arr)//"arr = z,b,y,n,m,p"
发布了61 篇原创文章 · 获赞 0 · 访问量 4329
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章