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

 更新时间:2015年07月08日 09:34:34   投稿:junjie  
这篇文章主要介绍了JavaScript对象属性检查、增加、删除、访问操作实例,本文分别给出代码实例来讲解如何给对象增加属性、检查属性存在、以及删除和访问属性,需要的朋友可以参考下

检查属性

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移动端常用事件之touch触摸事件详解

    JavaScript移动端常用事件之touch触摸事件详解

    触屏事件touch也称为触摸事件,touch对象代表一个触摸点,触摸点可能是一根手指,也可能是一根触摸笔,触屏事件可响应用户手指(或触摸笔)对屏幕或者触控板操作,下面这篇文章主要给大家介绍了关于JavaScript移动端常用事件之touch触摸事件的相关资料,需要的朋友可以参考下
    2022-10-10
  • 微信小程序分享卡片花样玩法之私密消息和动态消息

    微信小程序分享卡片花样玩法之私密消息和动态消息

    用户可以发送小程序卡片给微信好友或者群,点击小程序卡片可以直接进入小程序,这篇文章主要给大家介绍了关于微信小程序分享卡片花样玩法之私密消息和动态消息的相关资料,需要的朋友可以参考下
    2023-11-11
  • 深入理解es6块级作用域的使用

    深入理解es6块级作用域的使用

    这篇文章主要介绍了深入理解es6块级作用域的使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-03-03
  • JavaScript生成SQL查询表单的方法

    JavaScript生成SQL查询表单的方法

    这篇文章主要介绍了JavaScript生成SQL查询表单的方法,涉及javascript页面元素及字符串操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • 用js得到网页中所有的div的id

    用js得到网页中所有的div的id

    这篇文章主要介绍了用js得到网页中所有的div的id,需要的朋友可以参考下
    2006-11-11
  • js css样式操作代码(批量操作)

    js css样式操作代码(批量操作)

    用js控制css样式,能让网页达到良好的的用户体验甚至是动画的效果。并且考虑到效率。
    2009-10-10
  • 详解将微信小程序接口Promise化并使用async函数

    详解将微信小程序接口Promise化并使用async函数

    这篇文章主要介绍了详解将微信小程序接口Promise化并使用async函数,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-08-08
  • javascript实现 在光标处插入指定内容

    javascript实现 在光标处插入指定内容

    javascript实现 在光标处插入指定内容...
    2007-05-05
  • 原生JavaScript实现简单的图形验证码

    原生JavaScript实现简单的图形验证码

    这篇文章主要为大家详细介绍了如何利用原生JavaScript实现简单的图形验证码,文中的示例代码讲解详细,具有一定的学习价值,感兴趣的小伙伴可以参考下
    2023-11-11
  • WebPack基础知识详解

    WebPack基础知识详解

    本文主要介绍了WebPack的基础知识,具有一定的参考价值,下面跟着小编一起来看下吧
    2017-01-01

最新评论