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 相关文章推荐
鼠标事件延时切换插件
Mar 12 Javascript
js弹出层之1:JQuery.Boxy (二)
Oct 06 Javascript
原生javascript和jquery判断浏览器版本等信息
Jul 04 Javascript
JavaScript中读取和保存文件实例
May 08 Javascript
JavaScript实现找出字符串中第一个不重复的字符
Sep 03 Javascript
JavaScript拖拽、碰撞、重力及弹性运动实例分析
Jan 08 Javascript
js仿百度登录页实现拖动窗口效果
Mar 11 Javascript
javascript对象的相关操作小结
May 16 Javascript
jQuery插件passwordStrength密码强度指标详解
Jun 24 Javascript
JS中定位 position 的使用实例代码
Aug 06 Javascript
vue.js中实现登录控制的方法示例
Apr 23 Javascript
vue如何在自定义组件中使用v-model
May 14 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
PHP 数据结构 算法 三元组 Triplet
2011/07/02 PHP
JavaScript创建命名空间的5种写法
2014/06/24 PHP
PHP中创建和验证哈希的简单方法实探
2015/07/06 PHP
PHP获取访问设备信息的方法示例
2019/02/20 PHP
Laravel 前端资源配置教程
2019/10/18 PHP
通过PHP的Wrapper无缝迁移原有项目到新服务的实现方法
2020/04/02 PHP
JavaScript中也使用$美元符号来代替document.getElementById
2010/06/19 Javascript
JavaScript 对象模型 执行模型
2010/10/15 Javascript
多个$(document).ready()的执行顺序实例分析
2014/07/26 Javascript
灵活的理解JavaScript中的this指向
2016/02/25 Javascript
jQuery Ajax 全局调用封装实例代码详解
2016/06/02 Javascript
jQuery EasyUI Tab 选项卡问题小结
2016/08/16 Javascript
socket.io实现在线群聊功能
2017/04/07 Javascript
PHP实现记录代码运行时间封装类实例教程
2017/05/08 Javascript
AngularJS折叠菜单实现方法示例
2017/05/18 Javascript
MVVM 双向绑定的实现代码
2018/06/21 Javascript
详解vuex commit保存数据技巧
2018/12/25 Javascript
vue router 用户登陆功能的实例代码
2019/04/24 Javascript
jquery多级树形下拉菜单的实例代码
2019/07/09 jQuery
Vue之Mixins(混入)的使用方法
2019/09/24 Javascript
js 计数排序的实现示例(升级版)
2020/01/12 Javascript
javascript实现前端input密码输入强度验证
2020/06/24 Javascript
Python复制目录结构脚本代码分享
2015/03/06 Python
python实现验证码识别功能
2018/06/07 Python
python实现的发邮件功能示例
2019/09/11 Python
简单了解django处理跨域请求最佳解决方案
2020/03/25 Python
python快速安装OpenCV的步骤记录
2021/02/22 Python
Bootstrap 学习分享
2012/11/12 HTML / CSS
JD Sports芬兰:英国领先的运动鞋和运动服饰零售商
2018/11/16 全球购物
文秘专业毕业生就业推荐信
2013/11/08 职场文书
客服专员岗位职责
2014/02/28 职场文书
党支部综合考察材料
2014/05/19 职场文书
团日活动总结报告
2014/06/25 职场文书
个人委托书如何写
2014/09/25 职场文书
县长群众路线对照检查材料思想汇报
2014/10/02 职场文书
Nginx隐藏式跳转(浏览器URL跳转后保持不变)
2022/04/07 Servers