4.扩展运算符.html 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  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. <ul>
  10. <li>你好</li>
  11. <li>你好</li>
  12. <li>你好</li>
  13. <li>你好</li>
  14. </ul>
  15. <script>
  16. // spread 扩展运算符 ... 将数组或对象展开成单独的字符
  17. // let arr1 = [1,2,3];
  18. // let arr2 = [4,5,6];
  19. // // let newArr = arr1.concat(arr2);
  20. // // let newArr = [...arr1,...arr2];
  21. // // console.log(newArr,'newArr')
  22. // let newArr = [...arr1];
  23. // console.log(newArr,'newArr')
  24. // newArr.push(4);
  25. // console.log(arr1,'arr1');
  26. // console.log(newArr,'newArr1');
  27. // let x = document.querySelectorAll('li');
  28. // console.log([...x],'x')
  29. // let y = [1,2,3];
  30. // function fn1(a,b,c) {
  31. // console.log(a)
  32. // }
  33. // fn1(...y)
  34. let obj1 = {
  35. name: '图图',
  36. age: 3
  37. }
  38. let obj2 = {...obj1,address:"上海"};
  39. console.log(obj1,'obj1')
  40. console.log(obj2,'obj2')
  41. </script>
  42. </body>
  43. </html>