14_对象扩展.html 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123
  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. // let userName = '张三';
  11. // let fun = function(){
  12. // console.log('hello world');
  13. // }
  14. // es6新增属性简写方法
  15. // let obj = {
  16. // userName:userName,
  17. // age:18
  18. // }
  19. // let obj = {
  20. // userName,
  21. // age:18,
  22. // fun,
  23. // }
  24. // console.log(obj);
  25. // 对象方法简介
  26. // let obj = {
  27. // userName:'张三',
  28. // age:18,
  29. // // sayName:function(){
  30. // // console.log(this.userName);
  31. // // }
  32. // // 对象方法简介
  33. // sayName(){
  34. // console.log(this.userName);
  35. // }
  36. // }
  37. // obj.sayName();
  38. // let val = "userName";
  39. // let obj = {
  40. // userName:'张三',
  41. // userName2:'张三2',
  42. // age:18,
  43. // sex:'男',
  44. // sayName(){
  45. // console.log(this.userName);
  46. // }
  47. // }
  48. //向通过变量访问对象的属性或方法 可以通过[]
  49. // []里面可以放入变量 也可以放入字符串 也可以有简单的表达式
  50. // console.log(obj[val]);
  51. // console.log(obj[val+"2"]);
  52. // console.log(obj["age"]);
  53. // Object.is()
  54. // 用来比较两个值是否严格相等
  55. // console.log(Object.is(1,1));
  56. // console.log(Object.is("1","1"));
  57. // console.log(Object.is({},{}));
  58. // console.log(Object.is([],[]));
  59. // let obj = {
  60. // userName:"张三",
  61. // age:18,
  62. // sex:"男"
  63. // }
  64. // let obj2 = obj;
  65. // console.log(Object.is(obj,obj2));
  66. // let a = {userName:"张三"};
  67. // let b = {userName:"张三"};
  68. // console.log(Object.is(a,b));
  69. // let obj = {
  70. // userName:"张三",
  71. // age:18,
  72. // sex:"男"
  73. // }
  74. // let obj2 = {
  75. // school:"清华大学"
  76. // }
  77. // 合并对象
  78. // let obj3 = {...obj,...obj2};
  79. // console.log(obj3);
  80. // 合并对象 assign 第一个参数是目标对象 后面的参数是源对象允许多个参数
  81. // Object.assign(obj,obj2);
  82. // console.log(obj);
  83. // let obj3 = Object.assign({},obj,obj2);
  84. // console.log(obj3,obj,obj2);
  85. // 判断对象中是否包含指定属性
  86. // let obj = {
  87. // userName:"张三",
  88. // age:18,
  89. // sex:"男"
  90. // }
  91. // console.log("age" in obj);
  92. // if("age" in obj){
  93. // console.log("包含");
  94. // }else{
  95. // console.log("不包含");
  96. // }
  97. let obj = {
  98. userName:"张三",
  99. age:18,
  100. sex:"男"
  101. }
  102. // Object.keys() 方法会返回对象中所有的属性名称 以数组形式返回
  103. console.log(Object.keys(obj));
  104. // Object.values() 方法会返回对象中所有的属性值 以数组形式返回
  105. console.log(Object.values(obj));
  106. // Object.entries() 方法会返回对象中所有的属性名和属性值 以二维数组形式返回
  107. console.log(Object.entries(obj));
  108. </script>
  109. </body>
  110. </html>