对象,对象属性和方法
发布日期:2021-06-29 11:42:49
浏览次数:3
分类:技术文章
本文共 1808 字,大约阅读时间需要 6 分钟。
JavaScript的对象是一种无序的集合数据类型,它由若干键值对组成。对象也是变量。结尾要使用分号。
语法 var object_name = {key:value, key:value,...};
JavaScript用一个{...}
表示一个对象,键值对以xxx: xxx
形式申明,用,(逗号)
隔开。对象的每一个键名又称为“属性”(property),它的“键值”可以是任何数据类型。如果一个属性的值为函数,通常把这个属性称为“方法”,它可以像函数那样调用。注意,最后一个键值对不需要在末尾加,(逗号)
,如果加了,有的浏览器(如低版本的IE)将报错。
var person = {firstName:"Bill", lastName:"Gates", age:62, eyeColor:"blue"};// 空格和折行都是允许的。对象定义可横跨多行:var xiaoming = { name: '小明', birth: 1990, 'middle-school': 'No.1 Middle School', height: 1.70, weight: 65, score: null, p: function (x) { return 2 * x; }};
访问对象属性:
objectName.propertyName 或者 objectName["propertyName"]
属性名middle-school
不是一个有效的变量,就需要用''
括起来。访问这个属性也无法使用.
操作符,必须用['xxx']
来访问。在编写JavaScript代码的时候,属性名尽量使用标准的变量名,这样就可以直接通过object.prop
的形式访问一个属性了。JavaScript规定,访问不存在的属性不报错,而是返回undefined。
添加删除属性:
var xiaoming = { name: '小明'};xiaoming.age; // undefinedxiaoming.age = 18; // 新增一个age属性xiaoming.age; // 18delete xiaoming.age; // 删除age属性xiaoming.age; // undefineddelete xiaoming['name']; // 删除name属性xiaoming.name; // undefineddelete xiaoming.school; // 删除一个不存在的school属性也不会报错
检测是否存在该属性:
var xiaoming = { name: '小明', birth: 1990, school: 'No.1 Middle School', height: 1.70, weight: 65, score: null};//方法一使用in,in判断一个属性存在,这个属性不一定是xiaoming的,它可能是xiaoming继承得到的'name' in xiaoming; // true'grade' in xiaoming; // false'toString' in xiaoming; // true//方法二使用hasOwnProperty(),判断一个属性是否是xiaoming自身拥有的,而不是继承得到的xiaoming.hasOwnProperty('name'); // truexiaoming.hasOwnProperty('toString'); // false
访问对象方法:
objectName.methodName(),如果不使用 () 访问对象方法,则将返回函数定义
请不要把字符串、数值和布尔值声明为对象!请避免字符串、数值或逻辑对象。他们会增加代码的复杂性并降低执行速度。
如果通过关键词 "new" 来声明 JavaScript 变量,则该变量会被创建为对象:
var x = new String(); // 把 x 声明为 String 对象var y = new Number(); // 把 y 声明为 Number 对象var z = new Boolean(); // 把 z 声明为 Boolean 对象
转载地址:https://blog.csdn.net/zz2230633069/article/details/108216646 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
不错!
[***.144.177.141]2024年05月01日 12时30分41秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
kangle https设置
2019-04-29
Linux下EasyPanel版本安装及升级
2019-04-29
raspberry pi(树莓派) + easycap d60 视频采集
2019-04-29
WebRTC
2019-04-29
rfc5766-turn-server NAT
2019-04-29
webrtc详细教程
2019-04-29
Android IOS WebRTC 音视频开发总结
2019-04-29
报表图表样式
2019-04-29
Android开发资源收集
2019-04-29
android模板图例
2019-04-29
树莓派网线直连
2019-04-29
复合材料培训(I第七期)
2019-04-29
复合材料生活中的应用
2019-04-29
ABAQUS复合材料(适合小白)
2019-04-29
ABAQUS高级案例解析
2019-04-29
人工智能药物研发
2019-04-29
【超级干货+福利】AIDD最全面的学习教程
2019-04-29
最新通知:AIDD与网络药理学资料大全
2019-04-29
Lammps分子动力学与第一性原理材料模拟及催化
2019-04-29