15.对象.html 1.7 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. // () [] {}
  11. var obj = {};
  12. // 向对象内添加属性 obj.xxx(属性名) = aaa(属性值)
  13. obj.name = "小红";
  14. obj.age = 90;
  15. obj.sex = "女";
  16. console.log(obj);
  17. console.log(typeof obj);
  18. var obj1 = {
  19. name: "孙悟空",
  20. desc: "他是齐天大圣",
  21. };
  22. // 读取对象中的属性值 obj.xxx(属性名)
  23. console.log(obj1);
  24. console.log("他叫:" + obj1.name);
  25. var obj2 = new Object({
  26. age: 30,
  27. });
  28. obj2.name = "八戒";
  29. console.log(obj2);
  30. var newList = [
  31. {
  32. name: "Tom",
  33. address: "北京",
  34. age: 19,
  35. },
  36. {
  37. name: "Lucy",
  38. address: "重庆",
  39. age: 21,
  40. },
  41. {
  42. name: "Jack",
  43. address: "江苏",
  44. age: 29,
  45. },
  46. {
  47. name: "Jerry",
  48. address: "哈尔滨",
  49. age: 17,
  50. },
  51. ];
  52. for (var i = 0; i < newList.length; i++) {
  53. document.write(newList[i].name + "\f");
  54. }
  55. var obj3 = {
  56. name: "哪吒",
  57. age: 7,
  58. list:[1,2,3,4],
  59. skill: "火力全开",
  60. desc: function () {
  61. console.log("我是一个男孩");
  62. },
  63. sum: function (a, b) {
  64. return "和:" +( a + b)
  65. },
  66. };
  67. obj3.desc();
  68. console.log(obj3.list[2])
  69. console.log(obj3.sum(2,3));
  70. console.log(obj3["sum"](4,4))
  71. </script>
  72. </body>
  73. </html>