JavaScript的屬性是什么

本篇內(nèi)容介紹了“JavaScript的屬性是什么”的有關(guān)知識(shí)，在實(shí)際案例的操作過(guò)程中，不少人都會(huì)遇到這樣的困境，接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

成都創(chuàng)新互聯(lián)公司是一家專(zhuān)業(yè)提供薩爾圖企業(yè)網(wǎng)站建設(shè),專(zhuān)注與成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站、html5、小程序制作等業(yè)務(wù)。10年已為薩爾圖眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專(zhuān)業(yè)網(wǎng)站設(shè)計(jì)公司優(yōu)惠進(jìn)行中。

一、什么是屬性?

屬性是一個(gè)JavaScript對(duì)象關(guān)聯(lián)的值。一個(gè)JavaScript對(duì)象是一個(gè)無(wú)序的性質(zhì)集合，屬性通常可以更改、添加和刪除，但有些只讀。

二、訪問(wèn)JavaScript屬性

訪問(wèn)對(duì)象屬性的語(yǔ)法是(3種表現(xiàn)形式):

第一種

objectName.property          // person.age

第二種

objectName["property"]       // person["age"]

第三種

objectName[expression]       // x = "age"; person[x]

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

<!DOCTYPE html> <html lang="en">     <head>         <meta charset="UTF-8">         <title>項(xiàng)目</title>     </head>     <body style="background-color: aqua;">          <p>有兩種方法可以訪問(wèn)對(duì)象屬性:</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>

//復(fù)制上面代碼,替換不同語(yǔ)句，實(shí)現(xiàn)功能。 person["firstname"] + " is " + person["age"] + " years old.";

JavaScript的屬性是什么

1 . 原型屬性

JavaScript 對(duì)象繼承它們的prototype屬性。

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

2. 添加新屬性

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

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

person.nationality = "English";

完整代碼：

<!DOCTYPE html> <html lang="en">     <head>         <meta charset="UTF-8">         <title>項(xiàng)目</title>     </head>     <body style="background-color: aqua;">          <p>你可以為現(xiàn)有對(duì)象添加新的屬性.</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的屬性是什么

注：

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

3. 刪除屬性

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

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

JavaScript的屬性是什么

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

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

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

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

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

JavaScript for...in 語(yǔ)句可以遍歷對(duì)象的屬性

語(yǔ)法

for (variable in object) {     code to be executed }

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

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

<!DOCTYPE html> <html lang="en">   <head>     <meta charset="UTF-8">     <title>項(xiàng)目</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的屬性是什么

四、總結(jié)

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

“JavaScript的屬性是什么”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！

網(wǎng)頁(yè)題目：JavaScript的屬性是什么
地址分享：http://www.rwnh.cn/article32/gsphsc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站建設(shè)、響應(yīng)式網(wǎng)站、品牌網(wǎng)站制作、定制開(kāi)發(fā)、外貿(mào)建站、面包屑導(dǎo)航

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

JavaScript的屬性是什么