JavaScript 基础篇之对象、数组使用介绍(三)


Posted in Javascript onApril 07, 2012

Javascript:对象
对象我们在前面也简单介绍过,它是一种将多个数据值集中在一个单元的东西,使用名字来存取,它是一个无序的属性集合。
1、创建对象的几种方式

var empty = {} //创建一个没有属性的对象。 
var person = {name:"ben",age:22,sex:'男'}//使用直接量创建对象 
var people = {{name:'Frank',age:21},{name:'Mary',age:21},sex:'MAN'}// 对象的元素可以是对象

2、对象属性
var person = {}; //创建一个对象 
person.name = "Frank"; //添加属性 
person.country = "china"; 
person.age = 22; 
person.american = new Object(); //这个属性是个对象 
person.american.name = "Lisa"; 
person.american.country = "American"; 
person.american.age = 20; 
function displayperson(personmore) //打印上面的对象 
{ 
for(var p in personmore) //枚举循环 
{ 
if(typeof(personmore[p]) == "object")//判断类型 
{ 
for(var o in personmore[p]) 
{ 
document.write("American people :" +o+"\t" +personmore[p][o]+"<br />"); 
} 
document.write("<br />"); 
continue;//结束本次循环,进行下一次循环. 
document.write("china people :"+ p+"\t" + personmore[p] +"<br />"); 
} 
} 
displayperson(person);//调用函数 
//输出china people :name Frank 
//china people :country china 
//china people :age 22 
//American people :name Lisa 
//American people :country American 
//American people :age 20

3、删除属性
使用delete运算符
delete person.american;//就可以自己删除对象的属性 
delete 是不能删除对象的。

4、hasOwnProperty()方法和isPrototypeOf()方法
其实这两个方法,在这里说初学的朋友可能会和我当时学到这里一样,看不懂,但是没关系,可以跳过去,到时候我们学到继承的时候你在回头看看,
就明白了。
4.1:hasOwnProperty()方法,如果对象用一个单独字符串参数所指定的名字来本地定义一个非继承的属性,就返回true。否则返回false。
function House(price,area,developers) 
{ 
this.price = price; 
this.area = area; 
this.developers = developers; 
} 
House.prototype.housevalue = function(){return this.price*this.area;} 
function HouseSon(price,area,developers,city) 
{ 
House.call(this,price,area,developers); 
this.city = city; 
} 
HouseSon.prototype = new House(10000,80,"vanke");//获取House的属性 
delete HouseSon.prototype.price;//删除 
delete HouseSon.prototype.area; 
delete HouseSon.prototype.developers; 
HouseSon.prototype.container = function(){return "container" + this.price * this.area;} 
for(var i in HouseSon.prototype) 
{ 
document.write(i+"<br />"); 
} 
var house = new HouseSon(20000,180,"vanke","shenzhen"); 
document.write(house.container()+"<br />"); 
document.write(house.housevalue()+"<br />"); 
document.write(house.hasOwnProperty("housevalue")+"<br />");//这是原型 
document.write(house.hasOwnProperty("price")+"<br />");//本地

Javascript:数组
数组是一个有序的集合,每个元素在数组中都有一个数字化的位置,可以使用小标访问,由于javascript是一种非数据类型的语言,所以里面可以包涵不同类型。
1、数组的创建
var array = [] //不包涵任何元素的数组 
var person = ["Frank",22,'男 '];//带不同元素的数组 
var value = 100; 
var num = [value+12,value-23,value*2];//支持表达式 
//当然还有使用Array来创建,可以有不同类型的参数,可以是对象,数组等。

2、数组的添加,删除,遍历。
由于添加,遍历都比较简单,就不举例说明,但是这么还是说说删除吧!
function diaplayarray(arr) //执行打印任务的函数 
{ 
if(!arr)return; 
for(var num =0;num<arr.length;num++) 
{ 
document.write("Num is "+ arr[num]+ "\t"); 
} 
document.write(" "+"<br />"); 
} 
var array = [2,32,14,57,6]; 
document.write(array.shift()+"<br />"); //删除数组中的第一个,返回删除的值2 
document.write(array.pop()+"<br />"); //删除数组中的最后一个,返回删除的值6 
document.write(array.join("*")+"<br />");//将数组元素用*连接返回一个字符串32*14*57 
document.write(array.push(100) +"<br />");//添加数组元素 
array.reverse();//颠倒数组元素顺序 
diaplayarray(array);//输出Num is 100 Num is 5 Num is 4 Num is 3 
array.splice(1,2,300,600);//从数组第二个开始删除(含第二个),到第三个,后面300,600是新插入的值 
diaplayarray(array);//输出Num is 100 Num is 300 Num is 600 Num is 32

小结:同志们辛苦了..........
关于对象和数组就介绍到这里吧,接下来我们马上就要到javascript客户端了。
Javascript 相关文章推荐
Jquery+JSon 无刷新分页实现代码
Apr 01 Javascript
html+css+js实现xp window界面及有关功能
Mar 26 Javascript
Jquery 数组操作大全个人总结
Nov 13 Javascript
javascript获取鼠标点击元素对象(示例代码)
Dec 20 Javascript
jQuery实现的向下图文信息滚动效果
May 03 Javascript
提升jQuery的性能需要做好七件事
Jan 11 Javascript
jQuery输入框密码的显示隐藏【代码分享】
Apr 29 jQuery
微信小程序 转发功能的实现
Aug 04 Javascript
浅谈angular.copy() 深拷贝
Sep 14 Javascript
Vue 中的受控与非受控组件的实现
Dec 17 Javascript
基于vue实现滚动条滚动到指定位置对应位置数字进行tween特效
Apr 18 Javascript
jquery UI实现autocomplete在获取焦点时得到显示列表功能示例
Jun 04 jQuery
JavaScript 基础篇之运算符、语句(二)
Apr 07 #Javascript
为原生js Array增加each方法
Apr 07 #Javascript
jquery 操作DOM案例代码分享
Apr 05 #Javascript
jquery 操作DOM的基本用法分享
Apr 05 #Javascript
文本框输入时 实现自动提示(像百度、google一样)
Apr 05 #Javascript
Ajax搜索结果页面下方的分页按钮的生成
Apr 05 #Javascript
jQuery之$(document).ready()使用介绍
Apr 05 #Javascript
You might like
PHP文章采集URL补全函数(FormatUrl)
2012/08/02 PHP
PHP导航下拉菜单的实现如此简单
2013/09/22 PHP
smarty简单分页的实现方法
2014/10/27 PHP
分享常见的几种页面静态化的方法
2015/01/08 PHP
php操作路径的经典方法(必看篇)
2016/10/04 PHP
记录几个javascript有关的小细节
2007/04/02 Javascript
改版了网上的一个js操作userdata
2007/04/27 Javascript
基于jquery ajax 用户无刷新登录方法详解
2012/04/28 Javascript
JS实现1000以内被3或5整除的数字之和
2016/02/18 Javascript
JS原型与原型链的深入理解
2017/02/15 Javascript
Vue实现侧边菜单栏手风琴效果实例代码
2018/05/31 Javascript
Vue press 支持图片放大功能的实例代码
2018/11/09 Javascript
js控制随机数生成概率代码实例
2019/03/21 Javascript
了解重排与重绘
2019/05/29 Javascript
vue实现在v-html的html字符串中绑定事件
2019/10/28 Javascript
原生js实现弹窗消息动画
2020/11/20 Javascript
python判断字符串是否包含子字符串的方法
2015/03/24 Python
python利用多种方式来统计词频(单词个数)
2019/05/27 Python
Python利用scapy实现ARP欺骗的方法
2019/07/23 Python
利用python计算时间差(返回天数)
2019/09/07 Python
python通过对字典的排序,对json字段进行排序的实例
2020/02/27 Python
python GUI库图形界面开发之PyQt5简单绘图板实例与代码分析
2020/03/08 Python
详解Python IO编程
2020/07/24 Python
python文件路径操作方法总结
2020/12/21 Python
英国和世界各地预订便宜的酒店:LateRooms.com
2019/05/05 全球购物
小学教师的个人自我鉴定
2013/10/24 职场文书
销售会计工作职责
2013/12/02 职场文书
人力资源部副职的竞聘演讲稿
2014/01/07 职场文书
个人党性剖析材料
2014/02/03 职场文书
央视元宵晚会主持串词
2014/03/25 职场文书
保险专业求职信
2014/07/07 职场文书
2014医学院领导班子对照检查材料思想汇报
2014/09/19 职场文书
党的群众路线教育实践活动党员个人剖析材料
2014/10/08 职场文书
2014年文员工作总结
2014/11/18 职场文书
职场干货:简历中的自我评价应该这样写!
2019/05/06 职场文书
2019生态环境保护倡议书!
2019/07/03 职场文书