js.屬性_添加刪除_資料
1、主要是記錄3個網頁的內容:
1.1、delete - JavaScript _ MDN.html(https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/delete) ZC:MDN ! !
1.2、關於給javascript對象添加、刪除、修改對象的屬性 - goweb - 博客園.html(https://www.cnblogs.com/goweb/p/5357640.html)
ZC: 添加屬性的幾種方式:
(1)、利用動態特性 [ZC: 直接對象實例.屬性名=屬性值;]
(2)、構造函數中this
(3)、原型中添加屬性
(4)、字面量添加屬性
(5)、封裝extend方法
1.3、js delete 用法(刪除對象屬性及變量)_javascript技巧_腳本之家.html(http://www.jb51.net/article/54247.htm)
ZC: 這裏我比較註意:
(1)、直接用delelte刪除不了變量[ ZC: MDN中說“任何使用 var 聲明的屬性不能從全局作用域或函數的作用域中刪除。” ]
(2)、刪除不了原型鏈中的變量
2、網頁內容 保存
2.1、關於給javascript對象添加、刪除、修改對象的屬性 - goweb - 博客園.html(https://www.cnblogs.com/goweb/p/5357640.html)
以下是自己總結的幾種方法
-
利用動態特性
1 function Person(){}; 2 var person = new Person(); 3 person.name = ‘yy‘; 4 person.gender = ‘girl‘; 5 console.log(person.name+‘,‘+person.gender);//yy,girl 6 delete person.name;//刪除屬性 7 console.log(person.name);//undefined 8 // 變式 9 function Person(){}; 10 var person = new Person(); 11 person[‘name‘] = ‘yy‘; 12 person[‘gender‘] = ‘girl‘; 13 console.log(person.name+‘,‘+person.gender);//yy,girl 14 delete person.name;//刪除屬性 15 console.log(person.name);//undefined
-
構造函數中this
var Person = function (){ this.name = ‘yy‘; this.gender = ‘girl‘ }; var person = new Person(); console.log(person.name+‘,‘+person.gender);//yy,girl
-
原型中添加屬性
var Person = function (){ }; Person.prototype.name = ‘yy‘; Person.prototype.gender = ‘girl‘; var person = new Person(); console.log(person.name+‘,‘+person.gender);//yy,girl console.log(person[‘name‘]+‘,‘+person[‘gender‘]);//yy,girl
-
字面量添加屬性
var person = { }; person.name = ‘yy‘; person.gender = ‘girl‘; console.log(person.name+‘,‘+person.gender);//yy,girl console.log(person[‘name‘]+‘,‘+person[‘gender‘]);//yy,girl // 另一種寫法 var person = { name: ‘yy‘, gender: ‘girl‘ }; console.log(person.name+‘,‘+person.gender);//yy,girl console.log(person[‘name‘]+‘,‘+person[‘gender‘]);//yy,girl
-
封裝extend方法
var p1 = {}; var p2 = {name:‘yy‘,gender:‘girl‘}; p1.extend = function(obj){ for(var k in obj){ this[k] = obj[k]; } } p1.extend(p2); console.log(p1.name+‘,‘+p1.gender);//yy,girl console.log(p1[‘name‘]+‘,‘+p1[‘gender‘]);//yy,girl
-
在此列舉了幾種對象添加屬性的方法,那麽對象添加方法也就照貓畫虎了
本文較短,如果有什麽建議,多多交流,原創文章,文筆有限,才疏學淺,文中若有不正之處,萬望告知,不勝感激!
2.2、js delete 用法(刪除對象屬性及變量)_javascript技巧_腳本之家.html(http://www.jb51.net/article/54247.htm)
js delete 用法(刪除對象屬性及變量)
js delete可以刪除對象屬性及變量,下面是一些示例,感興趣的朋友可以看看1、對象屬性刪除
1 2 3 4 5 6 7 8 9 10 11 12 13 |
function fun(){
this.name = ‘mm‘;
}
var obj = new fun();
console.log(obj.name);//mm
delete obj.name;
console.log(obj.name); //undefined
|
2、變量刪除
1 2 3 |
var name = ‘lily‘ ;
delete name;
console.log(name); //lily
|
直接用delelte刪除不了變量
3、刪除不了原型鏈中的變量
1 2 3 |
fun.prototype.age = 18;
delete obj.age;
console.log(obj.age) //18
|
3、
4、
5、
js.屬性_添加刪除_資料