1. 程式人生 > 其它 >JavaScript學習總結2-物件

JavaScript學習總結2-物件

JavaScript中物件除了最後一個屬性以外都在結尾加逗號,同時所有屬性都要在{ }內

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6 
 7     <script>
 8         let person = {
 9             age: 19,
10             name: "Cra2iTeT",
11             id: 111
12
} 13 14 15 </script> 16 </head> 17 <body> 18 19 </body> 20 </html>

可以通過delete來動態刪除物件的屬性

同理就可以通過  物件名.屬性名=屬性來動態新增

JS當中同樣存在繼承機制,下圖 toString方法即繼承來的

驗證過程如下

物件自身擁有,則hasOwnProperty方法會返回true

最後介紹for in和for of迴圈的區別

for in迴圈是遍歷取下標,for of是遍歷取值

例項如下

 1
<!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 </head> 7 8 <script> 9 let arr=[5,7,2,3,9]; 10 for(let i in arr){ 11 console.log(i); 12 } 13 14 /*for(let i of arr){ 15
console.log(i); 16 }*/ 17 </script> 18 <body> 19 20 </body> 21 </html>
 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6 </head>
 7 
 8 <script>
 9     let arr=[5,7,2,3,9];
10     /*for(let i in arr){
11         console.log(i);
12     }*/
13 
14     for(let i of arr){
15         console.log(i);
16     }
17 </script>
18 <body>
19 
20 </body>
21 </html>