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 相关文章推荐
Javascript实例教程(19) 使用HoTMetal(4)
Dec 23 Javascript
Jqyery中同等与js中windows.onload的应用
May 10 Javascript
jQuery中live方法的重复绑定说明
Oct 21 Javascript
js中通过split函数分割字符串成数组小例子
Sep 21 Javascript
jQuery 3.0 的 setter和getter 模式详解
Jul 11 Javascript
JS实现的计数排序与基数排序算法示例
Dec 04 Javascript
vue单页应用加百度统计代码(亲测有效)
Jan 31 Javascript
小程序实现悬浮搜索框
Jul 12 Javascript
vue cli3 调用百度翻译API翻译页面的实现示例
Sep 13 Javascript
vue项目中使用bpmn为节点添加颜色的方法
Apr 30 Javascript
Javascript文本框脚本实现方法解析
Oct 30 Javascript
JS一分钟在github+Jekyll的博客中添加访问量功能的实现
Apr 03 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
CodeIgniter实现更改view文件夹路径的方法
2014/07/04 PHP
WordPres对前端页面调试时的两个PHP函数使用小技巧
2015/12/22 PHP
PHP 将数组打乱 shuffle函数的用法及简单实例
2016/06/17 PHP
PHP基于imagick扩展实现合成图片的两种方法【附imagick扩展下载】
2017/11/14 PHP
PHP设计模式(五)适配器模式Adapter实例详解【结构型】
2020/05/02 PHP
基于jQuery实现的百度导航li拖放排列效果,即时更新数据库
2012/07/31 Javascript
node.js中使用socket.io制作命名空间
2014/12/15 Javascript
每天一篇javascript学习小结(基础知识)
2015/11/10 Javascript
javascript实现unicode与ASCII相互转换的方法
2015/12/10 Javascript
轻松掌握JavaScript中介者模式
2016/08/26 Javascript
微信小程序 实战程序简易新闻的制作
2017/01/09 Javascript
JS实现css hover操作的方法示例
2017/04/07 Javascript
Nodejs 复制文件/文件夹的方法
2017/08/24 NodeJs
详解VueRouter进阶之导航钩子和路由元信息
2017/09/13 Javascript
Three.js利用Detector.js插件如何实现兼容性检测详解
2017/09/26 Javascript
微信小程序App生命周期详解
2018/01/31 Javascript
vue使用jsonp抓取qq音乐数据的方法
2018/06/21 Javascript
vue实现带过渡效果的下拉菜单功能
2020/02/19 Javascript
解决ant-design-vue中menu菜单无法默认展开的问题
2020/10/31 Javascript
Python 命令行非阻塞输入的小例子
2013/09/27 Python
用python实现面向对像的ASP程序实例
2014/11/10 Python
python文件读写操作与linux shell变量命令交互执行的方法
2015/01/14 Python
安装Python的web.py框架并从hello world开始编程
2015/04/25 Python
Python基于回溯法子集树模板解决取物搭配问题实例
2017/09/02 Python
解决python多行注释引发缩进错误的问题
2019/08/23 Python
澳大利亚药房在线:ThePharmacy
2017/10/04 全球购物
请解释流与文件有什么不同
2016/07/29 面试题
C#里面如何倒序排列一个数组的元素?
2013/06/21 面试题
励志演讲稿300字
2014/08/21 职场文书
2014个人四风对照检查材料思想汇报
2014/09/18 职场文书
幼儿园校园小喇叭广播稿
2014/10/17 职场文书
2015学习委员工作总结范文
2015/04/03 职场文书
学校运动会简讯
2015/07/20 职场文书
生产车间管理制度
2015/08/04 职场文书
旷工检讨书大全
2015/08/15 职场文书
mysql联合索引的使用规则
2021/06/23 MySQL