16.对象.html 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  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. <!--
  10. 对象:引用数据类型
  11. -->
  12. <script>
  13. // 1.定义对象
  14. var obj1 = {};
  15. console.log(obj1,'obj1');
  16. var obj2 = {
  17. a:1,
  18. b:"我的"
  19. }
  20. console.log(obj2,'obj2');
  21. var obj3 = new Object();
  22. console.log(obj3,'obj3');
  23. // 对象.属性名 = 属性值
  24. obj1.name = "小郑";
  25. obj1.sex = "女"
  26. console.log(obj1,'添加后obj1');
  27. // 数组中定义对象
  28. var newArr = [
  29. {
  30. id:1,
  31. name:"孙悟空"
  32. },
  33. {
  34. id:2,
  35. name:"猪八戒",
  36. love:["高老庄",'吃']
  37. }
  38. ]
  39. for(var i=0;i<newArr.length;i++) {
  40. console.log(newArr[1].love[1]);
  41. }
  42. //函数
  43. // break continue return<函数>
  44. function fn1(a,b) {
  45. return a + b;
  46. }
  47. var c = fn1(3,4);
  48. console.log(c,'c');
  49. // 对象套函数
  50. var obj4 = {
  51. name:"唐僧",
  52. age: 18,
  53. love:function(a,b) {
  54. return a*b
  55. },
  56. }
  57. console.log(obj4.love(2,3))
  58. </script>
  59. </body>
  60. </html>