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对象和DOM对象的相互转化实现代码
Mar 02 Javascript
JavaScript 打地鼠游戏代码说明
Oct 12 Javascript
解决自定义$(id)的方法与jquery选择器$冲突的问题
Jun 14 Javascript
基于Jquery实现表单验证
Jul 20 Javascript
详解JavaScript的Date对象(制作简易钟表)
Apr 07 Javascript
javascript实现tab响应式切换特效
Jan 29 Javascript
JavaScript中的Reflect对象详解(ES6新特性)
Jul 22 Javascript
基于AngularJS实现iOS8自带的计算器
Sep 12 Javascript
JS中this上下文对象使用方式
Oct 09 Javascript
微信小程序遇到修改数据后页面不渲染的问题解决
Mar 09 Javascript
JavaScript enum枚举类型定义及使用方法
May 15 Javascript
微信小程序点击生成朋友圈分享图(遇到的坑)
Jun 17 Javascript
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
DC《神奇女侠2》因疫情推迟上映 温子仁新恐怖片《恶性》撤档
2020/04/09 欧美动漫
最省空间的计数器
2006/10/09 PHP
phpmyadmin3 安装配置图解教程
2012/03/29 PHP
php格式化电话号码的方法
2015/04/24 PHP
PHP中addcslashes与stripcslashes函数用法分析
2016/01/07 PHP
PHP实现微信退款功能
2018/10/02 PHP
PHP的mysqli_stat()函数讲解
2019/01/23 PHP
jQuery函数map()和each()介绍及异同点分析
2014/11/08 Javascript
js点击文本框弹出可选择的checkbox复选框
2016/02/03 Javascript
JavaScript实现图片滑动切换的代码示例分享
2016/03/06 Javascript
Bootstrap中的fileinput 多图片上传及编辑功能
2016/09/05 Javascript
js鼠标按键事件和键盘按键事件用法实例汇总
2016/10/03 Javascript
js HTML5多媒体影音播放
2016/10/17 Javascript
详解微信小程序入门五: wxml文件引用、模版、生命周期
2017/01/20 Javascript
利用nodeJs anywhere搭建本地服务器环境的方法
2018/05/12 NodeJs
node.js中事件触发器events的使用方法实例分析
2019/11/23 Javascript
vue实现多个echarts根据屏幕大小变化而变化实例
2020/07/19 Javascript
如何构建 vue-ssr 项目的方法步骤
2020/08/04 Javascript
[03:56]还原FTP电影首映式 DOTA2群星拼出遗迹世界
2014/03/26 DOTA
python的迭代器与生成器实例详解
2014/07/16 Python
python字典序问题实例
2014/09/26 Python
Python和GO语言实现的消息摘要算法示例
2015/03/10 Python
Python Sympy计算梯度、散度和旋度的实例
2019/12/06 Python
Python实现实时数据采集新型冠状病毒数据实例
2020/02/04 Python
详解python常用命令行选项与环境变量
2020/02/20 Python
Keras之自定义损失(loss)函数用法说明
2020/06/10 Python
Python基于locals返回作用域字典
2020/10/17 Python
应届生的求职推荐信范文
2013/11/30 职场文书
2014年公务员思想汇报范文:全心全意为人民服务
2014/03/06 职场文书
行政人事岗位职责
2014/03/17 职场文书
2014个人反腐倡廉思想汇报
2014/09/15 职场文书
2014年药剂科工作总结
2014/11/26 职场文书
小学科学教学计划
2015/01/21 职场文书
单位工作证明范本
2015/06/15 职场文书
SpringBoot整合minio快速入门教程(代码示例)
2022/04/03 Java/Android
插件导致ECharts被全量引入的坑示例解析
2022/09/23 Javascript