08-obj.html 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. <script>
  8. // 使用new Object() 创建对象
  9. var person = new Object()
  10. // 创建对象后 可以直接设置属性 并赋值
  11. person.name = "zhangsan"
  12. person.age = 18
  13. person.interests = ["篮球", "足球", "乒乓球"]
  14. // 方法也是对象的属性之一
  15. // 在方法中 调用属性 也使用this
  16. person.info = function () {
  17. console.log(this.name + "的年龄" + this.age + ",喜欢的运动有:")
  18. // 对数组元素的遍历
  19. for (var i = 0; i < this.interests.length; i++) {
  20. console.log(this.interests[i])
  21. }
  22. }
  23. // console.log(person.name)
  24. // console.log(person.age)
  25. // console.log(person.interests)
  26. person.info()
  27. // 使用{}创建对象
  28. var person = {
  29. // 格式: 属性名:属性值, 属性名:属性值
  30. "name": "张三",
  31. "age": 20,
  32. "interests": ["篮球", "足球", "乒乓球"],
  33. "info": function(){
  34. console.log(this.name + "的年龄" + this.age + ",喜欢的运动有:")
  35. // 对数组元素的遍历
  36. for (var i = 0; i < this.interests.length; i++) {
  37. console.log(this.interests[i])
  38. }
  39. }
  40. }
  41. person.info()
  42. console.log(person.name)
  43. console.log(person.age)
  44. console.log(person)
  45. var person = {
  46. "name": "李四"
  47. }
  48. person.age //
  49. console.log(person.age) // undefined
  50. // 新增属性
  51. person.age = 18
  52. console.log(person)
  53. // 删除属性
  54. delete person.age
  55. console.log(person)
  56. delete person['name']
  57. console.log(person)
  58. delete person.interests // 删除不存在的属性时 不会报错
  59. console.log(person)
  60. // 可以通过in判断属性是否在对象中存在
  61. // 要注意的是 in可能通过继承得到
  62. var person = {
  63. "name": "王五"
  64. }
  65. console.log("name" in person)
  66. console.log("age" in person)
  67. // toString 在Object里被定义
  68. console.log("toString" in person) // true
  69. // 判断一个属性是否是自身拥有的 而不是继承得到的
  70. console.log(person.hasOwnProperty("name"))
  71. console.log(person.hasOwnProperty("toString"))
  72. </script>
  73. </head>
  74. <body>
  75. Hi Object
  76. </body>
  77. </html>