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 相关文章推荐
javascript中的3种继承实现方法
Jan 27 Javascript
Zabbix添加Node.js监控的方法
Oct 20 Javascript
MUI 解决动态列表页图片懒加载再次加载不成功的bug问题
Apr 13 Javascript
通过js修改input、select默认字体颜色
Apr 19 Javascript
简单实现jQuery上传图片显示预览功能
Jun 29 jQuery
Angular2 组件交互实例详解
Aug 24 Javascript
VueJs 搭建Axios接口请求工具
Nov 20 Javascript
jQuery实现表单动态加减、ajax表单提交功能
Jun 08 jQuery
JQuery事件委托原理与用法实例分析
May 13 jQuery
JS原型prototype和__proto__用法实例分析
Mar 14 Javascript
JavaScript 俄罗斯方块游戏实现方法与代码解释
Apr 08 Javascript
JS数据类型分类及常用判断方法
Nov 19 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
CodeIgniter中实现泛域名解析
2014/07/19 PHP
Win2003+apache+PHP+SqlServer2008 配置生产环境
2014/07/29 PHP
php中通过DirectoryIterator删除整个目录的方法
2015/03/13 PHP
PHP记录搜索引擎蜘蛛访问网站足迹的方法
2015/04/15 PHP
thinkPHP中验证码的简单实现方法
2016/12/05 PHP
收集的一些Array及String原型对象的扩展实现代码
2010/12/05 Javascript
Jquery插件 easyUI属性汇总
2011/01/19 Javascript
JavaScript中的undefined学习总结
2013/11/30 Javascript
For循环中分号隔开的3部分的执行顺序探讨
2014/05/27 Javascript
最新最热最实用的15个jQuery插件汇总
2015/07/05 Javascript
基于JS实现省市联动效果代码分享
2016/06/06 Javascript
用JS实现图片轮播效果代码(一)
2016/06/26 Javascript
AngularJS ng-bind-html 指令详解及实例代码
2016/07/30 Javascript
vue实现todolist单页面应用
2017/04/11 Javascript
详解微信JS-SDK选择图片遇到的坑
2018/08/15 Javascript
webpack4简单入门实例
2018/09/06 Javascript
使用layui 的layedit定义自己的toolbar方法
2019/09/18 Javascript
js校验开始时间和结束时间
2020/05/26 Javascript
js实现星星打分效果
2020/07/05 Javascript
[01:42]TI4西雅图DOTA2前线报道 第一顿早饭哦
2014/07/08 DOTA
[58:37]Serenity vs Fnatic 2018国际邀请赛淘汰赛BO1 8.21
2018/08/22 DOTA
Python实现端口复用实例代码
2014/07/03 Python
python smtplib模块自动收发邮件功能(一)
2018/05/22 Python
python中pika模块问题的深入探究
2018/10/13 Python
python读取有密码的zip压缩文件实例
2019/02/08 Python
Python3实现的判断环形链表算法示例
2019/03/07 Python
Django框架实现的分页demo示例
2019/05/25 Python
CSS3制作翻转效果_动力节点Java学院整理
2017/07/11 HTML / CSS
80年代复古T恤:TruffleShuffle
2018/07/02 全球购物
《画风》教学反思
2014/04/16 职场文书
2015年业务工作总结范文
2015/04/10 职场文书
重阳节主题班会
2015/08/17 职场文书
优秀学生干部主要事迹材料
2015/11/04 职场文书
Win11如何设置右键单击显示所有选项?Win11右键单击显示所有选项设置教程
2022/04/08 数码科技
MutationObserver在页面水印实现起到的作用详解
2022/07/07 Javascript
python自动获取微信公众号最新文章的实现代码
2022/07/15 Python