14.对象.html 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  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. </head>
  8. <body>
  9. <script>
  10. // 1.定义对象
  11. var obj = {};
  12. // 对象名.对象属性名 = 属性值
  13. obj.name = '小明'
  14. console.log(obj,'obj')
  15. // 2.定义对象
  16. var obj1 = new Object();
  17. obj1.name = '小红'
  18. obj1 = {
  19. age: 19
  20. }
  21. console.log(obj1,'obj1')
  22. var obj2 = {
  23. name:"小黄"
  24. }
  25. var list = [
  26. {
  27. name: 'Lucy',
  28. age:19,
  29. address:'哈尔滨'
  30. },
  31. {
  32. name: 'LiLi',
  33. age:29,
  34. address:'北京'
  35. },
  36. {
  37. name: 'Tony',
  38. age:25,
  39. address:'天津'
  40. }
  41. ]
  42. // 遍历数组
  43. for(var i=0;i<list.length;i++) {
  44. document.write('我叫' + list[i].name + '今年' + list[i].age + '了,我家住在'+list[i].address + "<br>")
  45. }
  46. // 驼峰命名法 第二个单词首字母大写 小驼峰
  47. // NewObj 大驼峰
  48. var newObj = {
  49. name:'pig',
  50. age:8,
  51. sum:function(a,b) {
  52. return console.log(a*b);
  53. }
  54. }
  55. // newObj.sum(2,3)
  56. newObj["sum"](4,6)
  57. // console.log()
  58. </script>
  59. </body>
  60. </html>