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

<!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中对象属性的添加和删除,布布扣,bubuko.com

时间: 2024-10-11 03:28:42

JavaScript中对象属性的添加和删除的相关文章

Vue &amp;&amp; Angular 双向绑定检测不到对象属性的添加和删除

由于ES5的限制 Vue  && Angular 双向绑定检测不到对象属性的添加和删除  还有数组增加索引.这些改变不会触发change事件.Vue是因为实例化的时候已经把各个属性都setter和getter进去了. 两个实现的机制不一样.故解决方案也不一样. 详情查看:https://cn.vuejs.org/v2/guide/list.html#对象更改检测注意事项 Angular解决方案: 可以手动调用$apply()方法,会再自动轮询一遍 Vue解决方案: 使用vm.$set(对象

javascript 对象属性的添加,删除,json对象和字符串转换方法等

1:动态添加 对象属性 var obj = new Object(); console.log (obj.username); obj.username = "haha"; console.log (obj.username); //undefined //haha 用"[]"表示.写成 obj["username"] = "haha"; var obj = new Object(); console.log (obj.use

javascript中对象属性搜索原则

为什么通过对象就能访问到原型中的属性或者方法? 属性搜索原则: 1 首先会在对象本身查找有没有该属性,如果有直接返回 2 如果没有,此时就会在构造函数中查找通过this给对象添加的成员中有没有,如果有就直接返回 3 如果没有, 就回到对象的原型对象中去查找,如果有,就返回 4 如果没有, 就会到原型对象的原型对象中查找.... 5 如此 往复,如果最后也没有找到, 获取到的值就是: undefined

javascript中对象属性的介绍

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script type="text/javascript"> // 对象的属性是什么类型的? string // 如果对象的属性不是字符

JSONObject与JSONArray的使用3--Java对象属性的添加或删除(JsonConfig)

1. 第一种方式,实现JSONString接口的方法 public class Person implements JSONString { private String name; private String age; private Address address; // getters & setters public String toJSONString() { return "{name:'"+name+"',age:'"+age+"

页面 中 div 属性的添加与删除 ;按钮是否可用

1使用的 jQuery的 方法一: //通过设置disabled的值将第二个text输入框置为disabled text2.attr("disabled","disabled"); }else{ //通过移除的方式将第二个text输入框的disable属性删除 text2.removeAttr("disabled"); } 方法二: $("button:eq(0)").click(function(){ var text1=$

vue数组中对象属性变化页面不渲染问题

做checkbox多选功能的时候遇到了一个坑,逻辑怎么看都对,但是就是有bug,最后发现数组那里值变了页面勾选没有重新渲染. 换了关键词搜索找到了相关方法. 其实之前读文档教程的时候看到过这里,但是只有真的使用之后才会有最直接的感触. ------------------------------------------- 数组更新检测 变异方法 Vue 包含一组观察数组的变异方法,所以它们也将会触发视图更新.这些方法如下: push() pop() shift() unshift() splic

JavaScript原生对象属性和方法详解——Array对象 转载

length 设置或返回 数组中元素的数目. 注意:设置 length 属性可改变数组的大小.如果设置的值比其当前值小,数组将被截断,其尾部的元素将丢失.如果设置的值比它的当前值大,数组将增大,新的元素被添加到数组的尾部,它们的值为 undefined.所以length不一定代表数组的元素个数. var arr = new Array(3) arr[0] = "John" arr[1] = "Andy" arr[2] = "Wendy" cons

深入理解JavaScript中的属性和特性

深入理解JavaScript中的属性和特性? JavaScript中属性和特性是完全不同的两个概念,这里我将根据自己所学,来深入理解JavaScript中的属性和特性. 主要内容如下: 理解JavaScript中理解对象的本质.理解对象与类的关系.对象与引用类型的关系 对象属性如何进行分类 属性中特性的理解 第一部分:理解JavaScript中理解对象的本质.理解对象与类的关系.对象与引用类型的关系 对象的本质:ECMA-262把对象定义为:无序属性的集合,其属性可以包含基本值.对象或者函数.即