JS面向对象的方法

原创 2013年12月04日 09:42:18
var userObj = { 

//array用来存放数据
    array: new Array(), 

//得到该对象中存储的全部数据
    getArray:function(){ 
         return this.array; 
    }, 

//初始化对象数据
    setArray:function(tempArray){ 
        this.array = tempArray; 
    }, 

//给对象添加数据
    Add: function(key, value){ 
        var tmpArray = [key, value]; 
        this.array.push(tmpArray); 
    }, 

//返回全部的数据
    iterator:function(){ 
        return this.array; 
    }, 

//用户遍历数据的时候判断是否还有数据
    hasNext:function(){ 
        var temp = this.array.shift(); 
            if(this.array.length > 0){ 
            return true; 
        } 
       else{ 
            return false; 
        } 
    }, 

//遍历的时候得到第一个数据值(key——value)
    next:function(){ 
        var result = this.array.shift(); 
        this.array.unshift(result); 
        return result; 
    } ,
	
//删除数据
	removeData:function(key){
		var temp = this.array;
		var result = new Array();
		for(var i = 0; i < temp.length; i++){
			var values = temp.shift();
			if(values[0] == key){
				continue;
			}
			result.push(values);
		}
		this.array = result;
	},
	
//如果有数据,遍历所有的数据
	print:function(){
		var tempArray = this.array;
		var temp;
		for(var i = 0; i < tempArray.length; i++){
			temp = tempArray.shift();
			document.write("key --> value : " + temp[0] + "-->" + temp[1] +"<br>");
		}
	},
//根据key得到值
	getValueByKey:function(key){
		var tempArray = this.array;
		var result = "";
		for(var i = 0; i < tempArray.length; i++){
			var tempValue = tempArray.shift();
			if(tempValue[0] == key){
				result = tempValue[1];
			}
		}
		return result;
	}
}; 


//添加具体的数据
userObj.Add("name","huangbiao"); 
userObj.Add("age","23"); 
userObj.Add("addr","xi an"); 
userObj.Add("addr","hubei"); 


//移除一个值
//userObj.removeData("name");
//遍历所有的数据
//userObj.print();
//根据key得到对应的value
//alert(userObj.getValueByKey("age"));
alert(userObj.getArray());

//遍历数据是否存在
while(userObj.hasNext()) 
{ 

//得到数组的第一个数据
    var p = userObj.next(); 

//如果是“age”属性就将它的值给弹出来
    if(p[0] == "age") 
   { 
       alert(p[1]); 
   } 
}

 

js面向对象方法实现拖拽特效

  • 2013年05月31日 16:18
  • 2KB
  • 下载

js面向对象方法介绍

一、对象     "面向对象的javascript"这一说法多少有些冗余,因为javascript语言本就是完全面向对象的,不可能有另外的用法。但是,初学编程者(包括javascript编程者)共有的...

js面向对象及基本的构造函数方法

JS面向对象技术主要包含面向对象分析和面向对象编程。其开发出来的程序效率高,可改性强,且很好的解决了面向过程编程的部分代码不能重复运用的问题,每次调用都是在同一个函数体内完成,较节省空间。 面向对象主...

Js实现简单计算器2 面向对象的方法

js实现简单计算器 面向对象
  • ax1232
  • ax1232
  • 2017年08月02日 10:36
  • 143

js面向对象-动态原型方法

最近在读javascript高级程序设计,其中的对象基础一章感觉讲的很好,下面把其中有用的东西分享一下。 看如下js构造类的一个示例: Js代码   function...

js面向对象小结(工厂模式,构造函数,原型方法,继承)

最近过了一遍尼古拉斯泽卡斯的高级程序设计第三版(红皮书)第六章:面向对象程序设计,现在把总结出来的东西和大家分享一下。 主要内容如下: 1.工厂模式 2.构造函数模式 3.原型...

js面向对象的基本概念和使用方法

1、什么是面向对象?     OO(Object Oriented,面向对象)是当前计算机界关心的重点,它是90年代软件开发方法的主流。面向对象的概念和应用已超越了程序设计和软件开发,扩展到很宽的范围...

1.1 js 面向对象的基本概念和基本使用方法

js 面向对象的基本概念和基本使用方法 -> js 是不是一个面向对象的语言? 不是:与传统面向对象的理论语言有矛盾。C#,Java。 是:js里面到处都是对象,数组,时间,正则… 和 DOM。也可...

js面向对象-动态原型方法

最近在读javascript高级程序设计,其中的对象基础一章感觉讲的很好,下面把其中有用的东西分享一下。 看如下js构造类的一个示例: Js代码   function C...

Js实现简单计算器3 面向对象的方法 优化写法

js实现简单计算器
  • ax1232
  • ax1232
  • 2017年08月10日 10:26
  • 139
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JS面向对象的方法
举报原因:
原因补充:

(最多只允许输入30个字)