Array引用数据类型

在javascript中,数组是很神奇的一个存在。数组中的可以包含任何类型的数据。也就是说,在数组中的第一个位置可以保存字符串类型,第二个可以是number类型的,第三个可以是object类型的。而且,数组的length是可以动态调整的。

创建的两种方法,第一种就是调用Array()函数来创建,第二种就是使用的字面量来创建。

当时使用字面来创建数组的时候,是不会调用Array()的,就和对象使用字面量来创建一样。

var a=new Array(2);
var a=new Array(1,2,3,4);
var color=["red",2,{name:"zhang",age:3}];
var a=[1,2,3,4,5];

1.1 数组转换成字符串的方法

var c=["red","blue","person"];
		alert(c.toString());//"red","blue","person"
		alert(c.valueOf());//"red","blue","person"
		alert(c);//"red","blue","person"
		var color=["red",2,{name:"zhang",age:3}];
		document.write(color.toString());
		console.log(color.toString());
		alert(color.toString());//"red",2,[object,Object]
              var c=["red",,"blue"]
		alert(c.join("-"));//把数组链接起来,red--blue
//若数组中某项是undefined或者null,该值在toString()toLocaleString、join()、value()中就是空字符串
		alert(c);
		alert(color);

除了toString()还有toLocalString()方法,这两个方法不同的地方就是,数组中的每一项调用的方法不同。

var person1={
			toString:function(){
				return "zhang";
			},
			toLocaleString:function(){
				return "huan";
			}
		}
		var person2={
			toString:function(){
				return "haha";
			},
			toLocaleString:function(){
				return "hehehe";
			}
		}
		var person=[person1,person2];
		alert(person);
		alert(person.toString());
		document.write(person.toLocaleString());

注意,只有toString()和toLocaleString()这两种方法是会数组调用时,每一项都调用,其他的方法是不会有每一项都调用的。

1.2栈方法LIFO

push()和pop();

1.3队列方法FIFO

unshift()和shift();

var n=[1,2,3,4,6,7,9];
		var count=n.push(0,3);//返回值是长度9
		document.write(count);
		document.write("<br>");
		document.write(n);
		document.write("<br>");
		var count=n.pop();
		document.write(count);//返回值是那个被取出来的3
		document.write("<br>");
		document.write(n);
		document.write("<br>");
		var count=n.shift();//在最前面取数,返回值是取出来的数
		document.write(count);
		document.write("<br>");
		document.write(n);
		document.write("<br>");
		var count=n.unshift(111,999);//往最前面加数,返回值是长度length
		document.write(count);
		document.write("<br>");
		document.write(n);

1.4重排序方法sort()和反转数组reverse()

反转数组reverse()就不说了,就是把数组倒一下。

ar n=[2,3,4,2,3,11,2,45,4];
		document.write(n.sort());//11,2,2,2,3,3,4,4,45 
		document.write(n+"<br>");//11,2,2,2,3,3,4,4,45 
		var n=[2,1,3,5,2,3,25,3];
		document.write(n.sort(function(a,b){return a-b;}));//1,2,2,3,3,3,5,25 
		document.write(n.sort(function(a,b){return b-a}));//25,5,3,3,3,2,2,1 

不在sort中重写比较函数的话,sort()方法会调用每个数字项的toString()方法,然后比较得到的字符串,确定排序位置。

1.5 concat()方法

这个方法会先创建当前数组的一个副本,然后将接收到的参数添加到这个副本的末尾,最后返回新构成的数组。

var n1=[1,2,3,4,5,6];
vae n2=n1.concat()//给n2一个n1的副本
var n3=n1.concat(9,[10,11]);
1.6 slice()方法

slice()方法就是基于原数组中的一个或者多个项创建一个新数组。slice就是截取数组中的子数组,不会影响原数组。

var color=["green","blue","red","yellow","purple"];
var color1=color.slice(1,3);
var color2=color.slice(-2,-1);
var color3=color.slice(-1);
var color4=color.slice(-1,4);

如果slice()方法参数中有一个负数,则用负数加上这个数组的长度来确定相应的位置。如果起始的位置小于结束的参数,那么就返回空数组。

1.7 splice()

这也是一个直接会作用在数组上的方法,主要是用于数组的元素的删除,插入,替换。替换就是删除以后在插入,插入就是删除0项在插入。删除需要知道起始位置和删除的项数。

var number=[1,2,3,4,5,6,7,8];
		var number1=number.splice(3,2);
        document.write(number1+"<br>");//4,5
        alert(typeof(number1)=="string");//false
        alert(number1 instanceof Array);//true
        document.write(number);//1,2,3,6,7,8
        document.write("<br>");
        document.write(number.splice(1,0,22,33,244));//插入的函数返回值就是空数组
        document.write("<br>");
        document.write(number);
        document.write("<br>");
        document.write(number.splice(1,4,10,10,10,10));//返回值就是一个数组,就是被删除掉的数组项组成的数组
        document.write("<br>");
        document.write(number);

1.8 数组的位置方法

indexOf()和lastIndexOf()

这个是有讲究的,两个方法返回的是查找的项在数组中的位置,没有找到返回-1.但是查找的时候不是简单的查找,而是在数组中查找一个严格相等的项(就像使用===在查找一样)

var person={name:zhang};
var p=[{name:zhang}];
var d=[person];
alert(p.indexOf(person)}//-1;
alert(d.indexOf(person)};//0

发现了吧,并不是简单的查找,而是要找到一个严格相等的项,并返回它的位置index。

ar obj1 = {
    name: "Benjamin",
    sex : "male"
}
 
var obj2 = {
    name: "Benjamin",
    sex : "male"
}
 
//Outputs: false
console.log(obj1 == obj2);
 
//Outputs: false
console.log(obj1 === obj2);

两个引用的对象进行严格比较的时候,是把每个对象的指针值进行比较的。

var obj1 = {
    name: "Benjamin",
    sex : "male"
};
 
var obj2 = {
    name: "Benjamin",
    sex : "male"
};
 
var obj3 = obj1;
 
//Outputs: true
console.log(obj1 == obj3);
 
//Outputs: true
console.log(obj1 === obj3);
 
//Outputs: false
console.log(obj2 == obj3);
 
//Outputs: false
console.log(obj2 === obj3);

1.9 迭代方法

every():对数组中的每一项运行给定函数,如果该函数对每一项都返回true,则返回true;

some():对数组中的每一项运行给定函数,如果该函数有一项返回true,则返回true;

filter():对数组中的每一项运行给定函数,返回该函数会返回的true的项组成的数组。

map():对数组中的每一项运行给定函数,返回每次调用函数以后的结果组成的数组;

forEach():没有返回值,把数组中的每一项进行一下运算。

这部分用到很少,目前就不深入研究了。




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值