4_扩展运算符.html 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Document</title>
  8. </head>
  9. <body>
  10. <div class="div1">1</div>
  11. <div class="div1">2</div>
  12. <script>
  13. /* ... 扩展运算符 把数组或者类数组 展开成用逗号分割的值 */
  14. // var a = [1,2,3]
  15. // var b = [...a]
  16. // console.log(...a)
  17. // b[0] = 8
  18. // console.log(b)
  19. // console.log(a)
  20. // var a = [1,2,3]
  21. // var b = [4,5,6]
  22. // var c = [...a,...b]
  23. // console.log(c)
  24. // var d = [...c,7,8]
  25. // console.log(d)
  26. // var div1 = document.getElementsByClassName('div1')
  27. // console.log(div1)
  28. // var arr1 = [...div1]
  29. // console.log(arr1)
  30. // arr1.push(11)
  31. // console.log(arr1)
  32. // function fn1(a,b,c){
  33. // console.log(a,b,c)
  34. // }
  35. // let arr = [4,5,6]
  36. // fn1(...arr)
  37. let obj1 = {
  38. a:1,
  39. b:2
  40. }
  41. let obj2 = {
  42. b:3,
  43. c:4
  44. }
  45. let obj3 = {...obj2,...obj1}
  46. console.log(obj3)
  47. </script>
  48. </body>
  49. </html>