飞道的博客

8.ES6 三点运算符

409人阅读  评论(0)

  
  1. function foo(...value) {
  2. console.log(value);
  3. }
  4. foo (2,4,5);

它传递进来实际上是一个数组

所以是可以进行遍历的


  
  1. function foo(...value) {
  2. console.log(value);
  3. value.forEach( function (item,index) {
  4. console.log(item,index);
  5. })
  6. }
  7. foo( 2, 4, 5);

若有参数是固定的,那么传参的方式,固定参数在前可变参数在后


  
  1. function foo(a,...value) {
  2. console.log(value);
  3. value.forEach( function (item,index) {
  4. console.log(item,index);
  5. })
  6. }
  7. foo( 2, 4, 5);

由于2变成了固定参数,所以遍历的时候只遍历4、5

数组合并处理:


  
  1. let arr1 = [ 2, 3];
  2. let arr2 = [ 1,...arr1, 4];
  3. console. log(arr2);
  4. console. log(...arr1);

完整代码:


  
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Title </title>
  6. </head>
  7. <body>
  8. <script type="text/javascript">
  9. // function foo(a,...value) {
  10. // console.log(value);
  11. // value.forEach(function (item,index) {
  12. // console.log(item,index);
  13. // })
  14. // }
  15. // foo(2,4,5);
  16. let arr1 = [ 2, 3];
  17. let arr2 = [ 1,...arr1, 4];
  18. console.log(arr2);
  19. console.log(...arr1);
  20. </script>
  21. </body>
  22. </html>

 


转载:https://blog.csdn.net/Stubborn_bull/article/details/117228331
查看评论
* 以上用户言论只代表其个人观点,不代表本网站的观点或立场