JavaScript中对象属性的添加和删除示例


Posted in Javascript onMay 12, 2014
<!DOCTYPE html> 
<html> 
<head> 
<meta charset="UTF-8"> 
<title>Insert title here</title> 
<script type="text/javascript"> 
/* 
* 用.为对象添加属性 
用关键字delete删除属性 用[]添加属性 
和.的不同 
r.name==r["name"]; 
r.name只能添加字符串属性 
[]添加属性,功能强大,可以动态添加属性 
*/ 
var r=new Object(); 
alert(typeof(r)); 
//添加属性 
r.name="jobs"; 
alert(r.name); 
r.getname=function(){ 
return "jobs"; 
} 
alert(r.getname()); 
//删除属性 
delete r.name; 
alert(r.name);//这时候的结果就是undefined 
//-------------------------------------------- 
//使用中括号为对象添加属性 
r["name"]="tom"; 
alert(r["name"]); 
r.name="toms"; 
alert(r["names"]); 
//r.name==r["name"]//这两种写法是等价的哦 
var arg="abc"; 
r[arg]="heima";//功能强大,可以动态的添加属性,可以使一个函数变量返回的一个字符串 
r.arg="itcast";//arg默认为字符串 
</script> 
</head> 
<body> 
</body> 
</html>
Javascript 相关文章推荐
extjs 学习笔记(三) 最基本的grid
Oct 15 Javascript
js传参数受特殊字符影响错误的解决方法
Oct 21 Javascript
Boostrap模态窗口的学习小结
Mar 28 Javascript
JavaScript之DOM_动力节点Java学院整理
Jul 03 Javascript
jquery+css实现下拉列表功能
Sep 03 jQuery
基于vue v-for 循环复选框-默认勾选第一个的实现方法
Mar 03 Javascript
Vue组件内部实现一个双向数据绑定的实例代码
Apr 04 Javascript
微信小程序自定义组件传值 页面和组件相互传数据操作示例
May 05 Javascript
在pycharm中开发vue的方法步骤
Mar 04 Javascript
js实现无缝轮播图特效
May 09 Javascript
VUE实时监听元素距离顶部高度的操作
Jul 29 Javascript
原生JavaScript实现弹幕组件的示例代码
Oct 12 Javascript
构造函数+原型模式构造js自定义对象(最通用)
May 12 #Javascript
Javascript中对象继承的实现小例
May 12 #Javascript
JavaScript中的函数的两种定义方式和函数变量赋值
May 12 #Javascript
js图片处理示例代码
May 12 #Javascript
jquery实现的一个简单进度条效果实例
May 12 #Javascript
两个多选select(multiple左右)添加、删除选项和取值实例
May 12 #Javascript
再谈Jquery Ajax方法传递到action(补充)
May 12 #Javascript
You might like
用 Composer构建自己的 PHP 框架之构建路由
2014/10/30 PHP
php简单socket服务器客户端代码实例
2015/05/18 PHP
PHP7 echo和print语句实例用法
2019/02/15 PHP
跟随鼠标旋转的文字
2006/11/30 Javascript
IE中createElement需要注意的一个问题
2010/07/13 Javascript
Javascript学习笔记二 之 变量
2010/12/15 Javascript
JavaScript SetInterval与setTimeout使用方法详解
2013/11/15 Javascript
js实现跨域的4种实用方法原理分析
2015/10/29 Javascript
基于React.js实现原生js拖拽效果引发的思考
2016/03/30 Javascript
Boostrap入门准备之border box
2016/05/09 Javascript
jQuery Easyui Tabs扩展根据自定义属性打开页签
2016/08/15 Javascript
JS中如何实现Laravel的route函数详解
2017/02/12 Javascript
关于react中组件通信的几种方式详解
2017/12/10 Javascript
JS使用遮罩实现点击某区域以外时弹窗的弹出与关闭功能示例
2018/07/31 Javascript
Vue+Express实现登录状态权限验证的示例代码
2019/05/05 Javascript
使vue实现jQuery调用的两种方法
2019/05/12 jQuery
简单了解vue中的v-if和v-show的区别
2019/10/08 Javascript
基于Vue中使用节流Lodash throttle详解
2019/10/30 Javascript
Vue简单封装axios之解决post请求后端接收不到参数问题
2020/02/16 Javascript
JavaScript Date对象功能与用法学习记录
2020/04/28 Javascript
[05:46]2018完美盛典-《同梦共竞》
2018/12/17 DOTA
使用相同的Apache实例来运行Django和Media文件
2015/07/22 Python
Python使用爬虫猜密码
2016/02/19 Python
python采用django框架实现支付宝即时到帐接口
2016/05/17 Python
详解Django之admin组件的使用和源码剖析
2018/05/04 Python
pycharm不以pytest方式运行,想要切换回普通模式运行的操作
2020/09/01 Python
python判断字符串以什么结尾的实例方法
2020/09/18 Python
Java基础知识面试题
2014/03/25 面试题
迟到检讨书800字
2014/01/13 职场文书
学雷锋宣传标语
2014/06/25 职场文书
2014物价局群众路线对照检查材料思想汇报
2014/09/21 职场文书
2014年前台个人工作总结
2014/11/14 职场文书
开国大典观后感
2015/06/04 职场文书
结婚纪念日感言
2015/08/01 职场文书
CSS3实现列表无限滚动/轮播效果
2021/06/23 HTML / CSS
90后经典动画片排行:《数码宝贝》第二,《小鲤鱼历险记》在榜
2022/03/18 日漫