JavaScript学习总结2-对象

时间:2021-09-19
本文章向大家介绍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>

原文地址:https://www.cnblogs.com/Cra2iTeT/p/15312598.html