14.对象.html 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  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. var arr = [];
  11. // 1.定义对象
  12. var obj = {};
  13. // 对象名.对象属性名 = 属性值
  14. obj.name = "lucy";
  15. obj.address = "中国";
  16. obj.age = 5;
  17. console.log(obj.address);
  18. // 2.定义对象
  19. var obj1 = new Object();
  20. obj1 = {
  21. name: "LiLi",
  22. age: 19,
  23. address: "哈尔滨",
  24. };
  25. console.log(obj1);
  26. // 遍历数组对象
  27. var newList = [
  28. {
  29. name: "LiLi",
  30. age: 19,
  31. address: "哈尔滨",
  32. },
  33. {
  34. name: "Lucy",
  35. age: 29,
  36. address: "北京",
  37. },
  38. {
  39. name: "NaNa",
  40. age: 39,
  41. address: "天津",
  42. },
  43. ];
  44. for (var i = 0; i < newList.length; i++) {
  45. console.log(newList[i]);
  46. document.write(newList[i].address + "<br>");
  47. }
  48. // break continue return
  49. // function fn1(a,b) {
  50. // var sum = a + b;
  51. // console.log(sum)
  52. // }
  53. // fn1(2,3)
  54. // function fn2(a,b) {
  55. // return a+b;
  56. // }
  57. // console.log(fn2(2,3));
  58. // 调取对象中函数的方法
  59. var obj = {
  60. name: "XMing",
  61. age: 18,
  62. tips: function (a, b) {
  63. return console.log(a * b);
  64. },
  65. };
  66. obj["tips"](2,3);
  67. </script>
  68. </body>
  69. </html>