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 相关文章推荐
jQuery使用手册之 事件处理
Mar 24 Javascript
javascript Prototype 对象扩展
May 15 Javascript
基于JQuery实现CheckBox全选全不选
Jun 27 Javascript
JavaScript中OnLoad几种使用方法
Dec 15 Javascript
JavaScript获取页面上被选中文字的方法技巧
Mar 13 Javascript
jquery图片切换实例分析
Apr 15 Javascript
JS+CSS实现DIV层的展开、收缩效果
Jan 28 Javascript
JQuery解析XML的方法小结
Apr 02 Javascript
Bootstrap打造一个左侧折叠菜单的系统模板(二)
May 17 Javascript
JavaScript数据结构之广义表的定义与表示方法详解
Apr 12 Javascript
AngularJs 常用的过滤器
May 15 Javascript
基于Vue CSR的微前端实现方案实践
May 27 Javascript
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
WinXP + Apache +PHP5 + MySQL + phpMyAdmin安装全功略
2006/07/09 PHP
作为PHP程序员应该了解MongoDB的五件事
2013/06/03 PHP
php三维数组去重(示例代码)
2013/11/26 PHP
PDO::beginTransaction讲解
2019/01/27 PHP
JavaScript脚本性能优化注意事项
2008/11/18 Javascript
读jQuery之十二 删除事件核心方法
2011/07/31 Javascript
JS使用ajax方法获取指定url的head信息中指定字段值的方法
2015/03/24 Javascript
JavaScript实现的超简单计算器功能示例
2017/12/23 Javascript
vue.js实现插入数值与表达式的方法分析
2018/07/06 Javascript
详解Vue项目中实现锚点定位
2019/04/24 Javascript
js对象数组和对象的使用实例详解
2019/08/27 Javascript
vue resource发送请求的几种方式
2019/09/30 Javascript
JS script脚本中async和defer区别详解
2020/06/24 Javascript
通过angular CDK实现页面元素拖放的步骤详解
2020/07/01 Javascript
Vue自定义表单内容检查rules实例
2020/10/30 Javascript
简单介绍Python中的filter和lambda函数的使用
2015/04/07 Python
对python中两种列表元素去重函数性能的比较方法
2018/06/29 Python
python看某个模块的版本方法
2018/10/16 Python
django+mysql的使用示例
2018/11/23 Python
基于python3监控服务器状态进行邮件报警
2019/10/19 Python
python的range和linspace使用详解
2019/11/27 Python
Python如何设置指定窗口为前台活动窗口
2020/08/12 Python
利用Python如何画一颗心、小人发射爱心
2021/02/21 Python
李维斯牛仔裤英国官方网站:Levi’s英国
2019/10/10 全球购物
大学毕业生通用自我评价
2014/01/05 职场文书
四风问题自查报告剖析材料
2014/02/08 职场文书
《小小雨点》教学反思
2014/02/18 职场文书
学校法制宣传月活动总结
2014/07/03 职场文书
2014年教师党员自我评价范文
2014/09/22 职场文书
2015年组织委员工作总结
2015/04/23 职场文书
就业指导讲座心得体会
2016/01/15 职场文书
九年级语文教学反思
2016/03/03 职场文书
golang如何去除多余空白字符(含制表符)
2021/04/25 Golang
golang 实现并发求和
2021/05/08 Golang
Java字符串逆序方法详情
2022/03/21 Java/Android
WIN10使用IIS部署ftp服务器详细教程
2022/08/05 Servers