|
|
@@ -0,0 +1,71 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
+ <title>Document</title>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+ <script>
|
|
|
+ // let arr = [1,2,3];
|
|
|
+ // // ... 扩展运算符
|
|
|
+ // // 可以将数组展开
|
|
|
+ // let arr2 = [...arr,4,5,6];
|
|
|
+ // console.log(arr2);
|
|
|
+
|
|
|
+ // let arr = [1,2,3]
|
|
|
+ // let arr2 = arr;
|
|
|
+ // arr[0] = "a";
|
|
|
+ // console.log(arr);
|
|
|
+ // console.log(arr2);
|
|
|
+
|
|
|
+ // 利用扩展运算符 克隆/拷贝数组
|
|
|
+ // let arr = [1,2,3];
|
|
|
+ // let arr2 = [...arr];
|
|
|
+ // arr2[0] = "a";
|
|
|
+ // console.log(arr);
|
|
|
+ // console.log(arr2);
|
|
|
+
|
|
|
+
|
|
|
+ // 利用扩展运算符 合并数组
|
|
|
+ // let arr = [1,2,3];
|
|
|
+ // let arr2 = [4,5,6];
|
|
|
+ // let arr3 = [...arr,...arr2];
|
|
|
+ // console.log(arr3);
|
|
|
+
|
|
|
+ // 合并对象
|
|
|
+ // 合并对象时 相同的属性 后面的会覆盖前面的
|
|
|
+ // let obj = {
|
|
|
+ // name:"张三",
|
|
|
+ // age:18,
|
|
|
+ // sex:"男"
|
|
|
+ // }
|
|
|
+ // let obj2 = {
|
|
|
+ // school:"清华大学",
|
|
|
+ // address:"北京",
|
|
|
+ // age:20
|
|
|
+ // }
|
|
|
+
|
|
|
+ // let obj3 = {...obj,...obj2};
|
|
|
+ // console.log(obj3);
|
|
|
+
|
|
|
+ // 剩余运算符
|
|
|
+ // let arr = [1,2,3,4,5,6,7,8,9];
|
|
|
+ // 剩余运算符将已经分配后的剩余元素放到变量里
|
|
|
+ // let [a,b,...c] = arr;
|
|
|
+ // console.log(a,b,c);
|
|
|
+
|
|
|
+
|
|
|
+ // 剩余运算符 应用于函数参数
|
|
|
+ // function fn(...arg){
|
|
|
+ // console.log(arg)
|
|
|
+ // }
|
|
|
+ // fn(1,2,3,4,5,6)
|
|
|
+
|
|
|
+ function fn(a,b,...arg){
|
|
|
+ console.log(a,b,arg)
|
|
|
+ }
|
|
|
+ fn(1,2,3,4,5,6)
|
|
|
+ </script>
|
|
|
+</body>
|
|
|
+</html>
|
