溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容介紹了“JavaScript的屬性是什么”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！
一、什么是屬性?
屬性是一個JavaScript對象關聯的值。一個JavaScript對象是一個無序的性質集合，屬性通常可以更改、添加和刪除，但有些只讀。
二、訪問JavaScript屬性
訪問對象屬性的語法是(3種表現形式):
第一種
objectName.property // person.age
第二種
objectName["property"] // person["age"]
第三種
objectName[expression] // x = "age"; person[x]
表達式必須是一個正確的屬性名
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>項目</title> </head> <body style="background-color: aqua;"> <p>有兩種方法可以訪問對象屬性:</p> <p>你可以使用 .property 或者 ["property"].</p> <p id="demo"></p> <script> var person = { firstname: "John", lastname: "Doe", age: 50, eyecolor: "blue" }; document.getElementById("demo").innerHTML = person.firstname + " is " + person.age + " years old."; </script> </body> </html>//復制上面代碼,替換不同語句，實現功能。 person["firstname"] + " is " + person["age"] + " years old.";
1 . 原型屬性
JavaScript 對象繼承它們的prototype屬性。
delete 關鍵字不刪除繼承的屬性，但如果刪除原型屬性，則會影響從原型繼承的所有對象。
2. 添加新屬性
可以添加新的屬性到現有的對象，只要給它一個值.
假設person對象已經存在-你可以給它新的屬性:
person.nationality = "English";
完整代碼：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>項目</title> </head> <body style="background-color: aqua;"> <p>你可以為現有對象添加新的屬性.</p> <p id="demo"></p> <script> var person = { firstname: "John", lastname: "Doe", age: 50, eyecolor: "blue" }; person.nationality = "English"; document.getElementById("demo").innerHTML = person.firstname + " is " + person.nationality + "."; </script> </body> </html>
注：
不能為屬性(或方法)名稱使用保留字。JavaScript的命名規則。
3. 刪除屬性
delete 關鍵字從對象中刪除屬性：
var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}; delete person.age; // or delete person["age"];
delete 關鍵字同時刪除屬性的值和屬性本身。
刪除后，屬性不能再使用之前的方法重新添加。
delete 運算符被設計用于對象屬性。它對變量或函數沒有影響
delete 運算符不得使用預定義JavaScript對象的屬性。它可以使得你的應用程序崩潰。
三、JavaScript for...in 循環
JavaScript for...in 語句可以遍歷對象的屬性
語法
for (variable in object) { code to be executed }for...in 循環里面的每個屬性將執行一次。
循環對象屬性:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>項目</title> </head> <body style="background-color: aqua;"> <p id="demo"></p> <script> var txt = ""; var person = { fname: "John", lname: "Doe", age: 25 }; var x; for (x in person) { txt += person[x] + " "; } document.getElementById("demo").innerHTML = txt; </script> </body> </html>
四、總結
本文主要介紹了JavaScript 屬性，介紹了如何訪問一個屬性，如何去創建原型屬性，如何去添加一個新的屬性，如何去刪除一個屬性，以及在for...in 語句遍歷對象的屬性的應用，都做了詳細的講解。通過用豐富的案例幫助大家更好理解。
“JavaScript的屬性是什么”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
