日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
一篇文章帶你了解JavaScript屬性

一、什么是屬性?

創(chuàng)新互聯(lián)建站，為您提供重慶網(wǎng)站建設(shè)公司、成都網(wǎng)站制作、網(wǎng)站營銷推廣、網(wǎng)站開發(fā)設(shè)計，對服務(wù)成都效果圖設(shè)計等多個行業(yè)擁有豐富的網(wǎng)站建設(shè)及推廣經(jīng)驗(yàn)。創(chuàng)新互聯(lián)建站網(wǎng)站建設(shè)公司成立于2013年,提供專業(yè)網(wǎng)站制作報價服務(wù),我們深知市場的競爭激烈，認(rèn)真對待每位客戶，為客戶提供賞心悅目的作品。 與客戶共同發(fā)展進(jìn)步，是我們永遠(yuǎn)的責(zé)任！

屬性是一個JavaScript對象關(guān)聯(lián)的值。一個JavaScript對象是一個無序的性質(zhì)集合，屬性通?？梢愿?、添加和刪除，但有些只讀。

二、訪問JavaScript屬性

訪問對象屬性的語法是(3種表現(xiàn)形式):

第一種

 
 
 
 
    
  
  
  
  
  1. objectName.property          // person.age 
    2.

第二種

 
 
 
 
    
  
  
  
  
  1. objectName["property"]       // person["age"] 
    2.

第三種

 
 
 
 
    
  
  
  
  
  1. objectName[expression]       // x = "age"; person[x] 
    2.

表達(dá)式必須是一個正確的屬性名

 
 
 
 
    
  
  
  
  
  1.  
    2.   
  
  
  
  2.  
    3.   
  
  
  
  3.      
    4.   
  
  
  
  4.          
    5.   
  
  
  
  5.         項(xiàng)目 
    6.   
  
  
  
  6.      
    7.   
  
  
  
  7.      
    8.   
  
  
  
  8.  
    9.   
  
  
  
  9.         
    有兩種方法可以訪問對象屬性:
     
    10.   
  
  
  
  10.         
    你可以使用 .property 或者 ["property"].
     
    11.   
  
  
  
  11.  
    12.   
  
  
  
  12.         
     
    13.   
  
  
  
  13.  
    14.   
  
  
  
  14.          
    15.   
  
  
  
  15.  
    16.   
  
  
  
  16.      
    17.   
  
  
  
  17.  
    18.  
 
 
 
 
 
 
 
    
  
  
  
  
  1. //復(fù)制上面代碼,替換不同語句，實(shí)現(xiàn)功能。 
    2.   
  
  
  
  2. person["firstname"] + " is " + person["age"] + " years old."; 
    3.

1 . 原型屬性

JavaScript 對象繼承它們的prototype屬性。

delete 關(guān)鍵字不刪除繼承的屬性，但如果刪除原型屬性，則會影響從原型繼承的所有對象。

2. 添加新屬性

可以添加新的屬性到現(xiàn)有的對象，只要給它一個值.

假設(shè)person對象已經(jīng)存在-你可以給它新的屬性:

 
 
 
 
    
  
  
  
  
  1. person.nationality = "English"; 
    2.

完整代碼：

 
 
 
 
    
  
  
  
  
  1.  
    2.   
  
  
  
  2.  
    3.   
  
  
  
  3.      
    4.   
  
  
  
  4.          
    5.   
  
  
  
  5.         項(xiàng)目 
    6.   
  
  
  
  6.      
    7.   
  
  
  
  7.      
    8.   
  
  
  
  8.  
    9.   
  
  
  
  9.         
    你可以為現(xiàn)有對象添加新的屬性.
     
    10.   
  
  
  
  10.  
    11.   
  
  
  
  11.         
     
    12.   
  
  
  
  12.  
    13.   
  
  
  
  13.          
    14.   
  
  
  
  14.  
    15.   
  
  
  
  15.      
    16.   
  
  
  
  16.  
    17.

注：

不能為屬性(或方法)名稱使用保留字。JavaScript的命名規(guī)則。

3. 刪除屬性

delete 關(guān)鍵字從對象中刪除屬性：

 
 
 
 
    
  
  
  
  
  1. var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}; 
    2.   
  
  
  
  2. delete person.age;   // or delete person["age"]; 
    3.

delete 關(guān)鍵字同時刪除屬性的值和屬性本身。

刪除后，屬性不能再使用之前的方法重新添加。

delete 運(yùn)算符被設(shè)計用于對象屬性。它對變量或函數(shù)沒有影響

delete 運(yùn)算符不得使用預(yù)定義JavaScript對象的屬性。它可以使得你的應(yīng)用程序崩潰。

三、JavaScript for...in 循環(huán)

JavaScript for...in 語句可以遍歷對象的屬性

語法

 
 
 
 
    
  
  
  
  
  1. for (variable in object) { 
    2.   
  
  
  
  2.     code to be executed 
    3.   
  
  
  
  3. } 
    4.

for...in 循環(huán)里面的每個屬性將執(zhí)行一次。

循環(huán)對象屬性:

 
 
 
 
    
  
  
  
  
  1.  
    2.   
  
  
  
  2.  
    3.   
  
  
  
  3.    
    4.   
  
  
  
  4.      
    5.   
  
  
  
  5.     項(xiàng)目 
    6.   
  
  
  
  6.    
    7.   
  
  
  
  7.    
    8.   
  
  
  
  8.  
    9.   
  
  
  
  9.     
     
    10.   
  
  
  
  10.  
    11.   
  
  
  
  11.      
    12.   
  
  
  
  12.  
    13.   
  
  
  
  13.    
    14.   
  
  
  
  14.  
    15.

四、總結(jié)

本文主要介紹了JavaScript 屬性，介紹了如何訪問一個屬性，如何去創(chuàng)建原型屬性，如何去添加一個新的屬性，如何去刪除一個屬性，以及在for...in 語句遍歷對象的屬性的應(yīng)用，都做了詳細(xì)的講解。通過用豐富的案例幫助大家更好理解。

希望大家可以根據(jù)文章的內(nèi)容，積極嘗試，有時候看到別人實(shí)現(xiàn)起來很簡單，但是到自己動手實(shí)現(xiàn)的時候，總會有各種各樣的問題，切勿眼高手低，勤動手，才可以理解的更加深刻。

本文轉(zhuǎn)載自微信公眾號「前端進(jìn)階學(xué)習(xí)交流」，可以通過以下二維碼關(guān)注。轉(zhuǎn)載本文請聯(lián)系前端進(jìn)階學(xué)習(xí)交流公眾號。


網(wǎng)頁名稱：一篇文章帶你了解JavaScript屬性
URL分享：http://www.dlmjj.cn/article/dpgdeoc.html