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 相关文章推荐
导入extjs、jquery 文件时$使用冲突问题解决方法
Jan 14 Javascript
jquery实现当滑动到一定位置时固定效果
Jun 17 Javascript
JS JQUERY实现滚动条自动滚到底的方法
Jan 09 Javascript
jQuery鼠标悬浮链接弹出跟随图片实例代码
Jan 08 Javascript
jQuery插件编写步骤详解
Jun 03 Javascript
javascript cookie用法基础教程(概念,设置,读取及删除)
Sep 20 Javascript
jstree创建无限分级树的方法【基于ajax动态创建子节点】
Oct 25 Javascript
详解vue-admin和后端(flask)分离结合的例子
Feb 12 Javascript
解决Angular.js中使用Swiper插件不能滑动的问题
Feb 26 Javascript
JS实现读取xml内容并输出到div中的方法示例
Apr 19 Javascript
vue-cli3 项目从搭建优化到docker部署的方法
Jan 28 Javascript
vue仿携程轮播图效果(滑动轮播,下方高度自适应)
Feb 11 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获取地址栏信息的代码
2008/10/08 PHP
ECMAScript 创建自己的js类库
2012/11/22 Javascript
javascript中的Function.prototye.bind
2015/06/25 Javascript
JavaScript学习笔记(三):JavaScript也有入口Main函数
2015/09/12 Javascript
js和jquery实现监听键盘事件示例代码
2020/06/24 Javascript
js 动态添加元素(div、li、img等)及设置属性的方法
2016/07/19 Javascript
微信小程序 图片等比例缩放(图片自适应屏幕)
2016/11/16 Javascript
vueScroll实现移动端下拉刷新、上拉加载
2019/03/22 Javascript
vue router 通过路由来实现切换头部标题功能
2019/04/24 Javascript
javascript跳转与返回和刷新页面的实例代码
2019/11/20 Javascript
Vue路由管理器Vue-router的使用方法详解
2020/02/05 Javascript
Vue——前端生成二维码的示例
2020/12/19 Vue.js
vue 使用rules对表单字段进行校验的步骤
2020/12/25 Vue.js
[01:21:36]CHAOS vs Alliacne 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
[01:06:54]DOTA2-DPC中国联赛 正赛 SAG vs DLG BO3 第二场 2月28日
2021/03/11 DOTA
使用python获取CPU和内存信息的思路与实现(linux系统)
2014/01/03 Python
简单介绍Python中的JSON模块
2015/04/08 Python
浅析Python中的赋值和深浅拷贝
2017/08/15 Python
python3 爬取图片的实例代码
2018/11/06 Python
python 使用poster模块进行http方式的文件传输到服务器的方法
2019/01/15 Python
css3 实现滚动条美化效果的实例代码
2021/01/06 HTML / CSS
webView加载html图片遇到的问题解决
2019/10/08 HTML / CSS
Clearly澳大利亚:购买眼镜、太阳镜和隐形眼镜
2018/04/26 全球购物
Wiggle美国:英国骑行、跑步、游泳、铁人三项商店
2018/10/27 全球购物
优质美利奴羊毛袜,不只是徒步旅行:Darn Tough Vermont
2018/11/05 全球购物
《小蝌蚪找妈妈》教学反思
2014/02/21 职场文书
环保公益广告语
2014/03/13 职场文书
文化宣传方案
2014/03/13 职场文书
面试自我评价范文
2014/09/17 职场文书
党支部三严三实对照检查材料思想汇报
2014/09/29 职场文书
自愿离婚协议书范本
2015/01/26 职场文书
2015年高中班主任工作总结
2015/04/30 职场文书
手把手教你使用TensorFlow2实现RNN
2021/07/15 Python
mongodb清除连接和日志的正确方法分享
2021/09/15 MongoDB
html5调用摄像头截图功能
2022/01/18 Javascript
试用1103暨1103、1101同门大比武 [ DAIWEI ]
2022/04/05 无线电