1. 程式人生 > >js.屬性_添加刪除_資料

js.屬性_添加刪除_資料

方法 文章 extend web nta .cn 保存 comment 技術分享

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.屬性_添加刪除_資料