前端的记录

1）…扩展运算符 在数组中的应用

（1）数组中的使用

    let arr1 = [1, 2, 3, 4, 5];
    let arr2 = [2, 3, 4, 5, 6];
    console.log(...arr1); //1 2 3 4 5 展开一个数组
    let arr3 = [...arr1, ...arr2];
    console.log(arr3);   //[1, 2, 3, 4, 5,2, 3, 4, 5, 6]

（2）求和

    function sum(...number){
        return number.reduce((preValue,currentValue)=>{
            return preValue+currentValue;
        })
    }
    console.log(sum(1,2,3,4));

在对象中的应用

    let person = { name: "tom", age: "14" };
    //    使用...
    let person2 = { ...person };
    //console.log(...person); // 报错，展开运算符不能展开对象
    console.log(person2);

    person.name = "jerry";
    console.log(person2); //{name: "tom", age: "14"}
    console.log(person); //{name: "jerry", age: "14"}

    //    普通的赋值
    let person3 = person;
    person.name = "lala";
    console.log(person); //{name: "lala", age: "14"}
    console.log(person3); //{name: "lala", age: "14"}

2）解构赋值的连续写法

3）urlencoded和对象之间的互相转化

4）编码 encodeURL() 和 解码 decodeURL()

      var url = "my test.php?name=ståle&car=saab";
      const deurl = encodeURI(url);
      console.log(deurl);//my%20test.php?name=st%C3%A5le&car=saab
      console.log(decodeURI(deurl));//my test.php?name=ståle&car=saab