JavaScript中的类数组,封装type函数,数组去重

类数组

1.可以利用属性名模拟数组的特性

2.可以动态的增长length属性

3.如果强行让数组调用push方法,则会根据length属性值进行属性的扩充

举例一

function test(){
	console.log(arguments);  //打印一个数组
	arguments.push(7);      //报错,说明arguments不是一个数组,不能使用数组所拥有的方法,而是类数组
}
test(1,3,3,4,5,6);

举例二

var obj = {     //当调用obj.push('xxx')时,会像数组一样在数组结尾添加一个值,并且length的值自动加一
	"0" : 'a',
	"1" : 'b',
	"2" : 'c',
	"length" : '3',
	"push" : Array.prototype.push
}
//属性要为索引(数字)属性,必须要有length属性,最好加上push

在此基础之上再给数组添加一个splice方法,那么这个对象就跟数组一模一样了

var obj = {     //当调用obj.push('xxx')时,会像数组一样在数组结尾添加一个值,并且length的值自动加一
	"0" : 'a',
	"1" : 'b',
	"2" : 'c',
	"length" : '3',
	"push" : Array.prototype.push,
    "splice" : Array.prototype.splice
}
//属性要为索引(数字)属性,必须要有length属性,最好加上push

举例三

var obj = {
	"2" : "a",
	"3" : "b",
	"length" : 2,
	"push" : Array.prototype.push
}
obj.push('c');  //push方法是根据length的长度来确定索引,因此下一个要加的是length为也就是第二位,覆盖掉之前的第二位a,同时length++
obj.push('d'); //同理覆盖掉第三位“b”,length++

类数组的强大之处在于既可以当数组使用,还可以当对象使用,如下

var obj = {     
	"0" : 'a',
	"1" : 'b',
	"2" : 'c',
	"name" : "abc",
	"age" : 123,
	"length" : '3',
	"push" : Array.prototype.push,
    "splice" : Array.prototype.splice
}

封装一个type函数可以判断任何一种值的类型

function type(target){
    var ret = typeof(target);
	var template = {
		"[object Array]" : "array",
		"[object Object]" : "object",
		"[object Number]" : "number - object",
		"[object Boolean]" : "boolean - object",
		"[object String]" : "string - object"
	}
	if(target === null){
		return "null";
	}else if(ret == "object"){
		var str = Object.prototype.toString.call(target);
		return template[str];
	}else{
		return ret;
	}
}

数组去重

var arr = [1,2,1,5,8,8,7,9,5,8,9,10];
Array.prototype.unique = function(){
	var temple ={},
	arr = [],
	len = this.length;
	for(var i = 0; i < len ;i++){
		if(!temple[this[i]]){
			temple[this[i]] = "abc";
			arr.push(this[i]);
		}
	}
	return arr;
}

 

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值