JavaScript对象属性检查、增加、删除、访问操作实例


Posted in Javascript onJuly 08, 2015

检查属性

var mouse = {
 "name": "betta",
 "age": 3,
 "varieties": "milaoshu"
}
 
mouse.hasOwnProperty("name"); // true
mouse.hasOwnProperty("sex"); //false

增加属性

定义个对象 dog,然后赋予各种特性,再赋予 color特性,最后遍历所有的属性以及值

var dog={
 name:"芒果",
 type:"会之王",
 eat:function(){
  alert("吃");
 }
}
 Object.prototype.color="白色";
 var name;
 for(name in dog){
  document.write(name+" "+dog[name]+"<br>")
 }

效果如下

name 芒果
type 会之王
eat function (){ alert("吃"); }
color 白色

删除属性

var cat = {
  "name": "tom",
  "sex": "man",
  "color": "yellow"
}
delete cat.name;
cat.sex = undefined;
cat.color = null;
alert("name属性是否存在:" + cat.hasOwnProperty("name")); //false
alert("sex属性是否存在:" + cat.hasOwnProperty("sex")); //true
alert("color属性是否存在:" + cat.hasOwnProperty("color")); //true

访问属性

var cat = {
  "name": "tom",
  "sex": "man",
  "color": "yellow"
}
var name1 = cat.name; //通过点操作符来访问对象属性
var name2 = cat["name"]; //通过中括号操作符来访问对象属性

还有创建对象的两种方式

var obj = new Object();
obj.name = "MangGuo";
obj.age = 25;

var obj = {
  name : "MangGuo", //name是属性名,"MangGuo"是值
  age : 25
}
Javascript 相关文章推荐
js防止表单重复提交实现代码
Sep 05 Javascript
JSON语法五大要素图文介绍
Dec 04 Javascript
JS函数实现动态添加CSS样式表文件
Dec 15 Javascript
第十章之巨幕页头缩略图与警告框组件
Apr 25 Javascript
Javascript打印局部页面实例
Jun 21 Javascript
使用React实现轮播效果组件示例代码
Sep 05 Javascript
详解Angular的数据显示优化处理
Dec 26 Javascript
浅谈React高阶组件
Mar 28 Javascript
解决Layui中templet中a的onclick参数传递的问题
Sep 20 Javascript
Javascript实现html转pdf高清版(提高分辨率)
Feb 19 Javascript
AI小程序之语音听写来了,十分钟掌握百度大脑语音听写全攻略
Mar 13 Javascript
vue递归实现树形组件
Jul 15 Vue.js
jquery获取多个checkbox的值异步提交给php
Jul 07 #Javascript
浅谈jQuery中setInterval()方法
Jul 07 #Javascript
javascript数组排序汇总
Jul 07 #Javascript
javascript编写贪吃蛇游戏
Jul 07 #Javascript
Javascript编写2048小游戏
Jul 07 #Javascript
利用JavaScript脚本实现滚屏效果的方法
Jul 07 #Javascript
JavaScript编写连连看小游戏
Jul 07 #Javascript
You might like
php实现读取超大文件的方法
2014/07/28 PHP
PHP面向对象编程之深入理解方法重载与方法覆盖(多态)
2015/12/24 PHP
PHP实现通过strace定位故障原因的方法
2018/04/29 PHP
asp.net和php的区别点总结
2019/10/10 PHP
phpcmsv9.0任意文件上传漏洞解析
2020/10/20 PHP
ie下动态加态js文件的方法
2011/09/13 Javascript
JavaScript字符串String和Array操作的有趣方法
2012/12/18 Javascript
js星星评分效果
2014/07/24 Javascript
JavaScript实现找出数组中最长的连续数字序列
2014/09/03 Javascript
jQuery实现点击该行即可删除HTML表格行
2014/10/17 Javascript
jQuery中$.extend()用法实例
2015/06/24 Javascript
深入理解JS正则表达式---分组
2016/07/18 Javascript
vue组件中点击按钮后修改输入框的状态实例代码
2017/04/14 Javascript
AngularJS页面带参跳转及参数解析操作示例
2017/06/28 Javascript
深入浅析var,let,const的异同点
2018/08/07 Javascript
浅谈在不使用ssr的情况下解决Vue单页面SEO问题(2)
2018/11/08 Javascript
JavaScript实现数字前补“0”的五种方法示例
2019/01/03 Javascript
mpvue 页面预加载新增preLoad生命周期的两种方式
2019/10/17 Javascript
JS正则表达式验证密码强度
2020/03/18 Javascript
uniapp实现可以左右滑动导航栏
2020/10/21 Javascript
JS+CSS实现动态时钟
2021/02/19 Javascript
Python 字符串中的字符倒转
2008/09/06 Python
浅谈python函数之作用域(python3.5)
2017/10/27 Python
tensorflow实现逻辑回归模型
2018/09/08 Python
Python assert语句的简单使用示例
2019/07/28 Python
详解基于Facecognition+Opencv快速搭建人脸识别及跟踪应用
2021/01/21 Python
关于webview适配H5上传照片或者视频文件的方法
2020/11/04 HTML / CSS
JD Sports芬兰:英国领先的运动鞋和运动服饰零售商
2018/11/16 全球购物
Muziker英国:中欧最大的音乐家商店
2020/02/05 全球购物
美国精品地毯网站:Boutique Rugs
2020/03/04 全球购物
工程造价专业大学生自荐信
2013/10/01 职场文书
大学生简历中个人的自我评价
2013/10/06 职场文书
规划编制实施方案
2014/03/15 职场文书
毕业论文答辩开场白和答辩技巧
2015/05/27 职场文书
二年级数学教学反思
2016/02/16 职场文书
2019通用版新员工入职培训方案!
2019/07/11 职场文书