map和解构

Map：

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38

<script>         //创建map的两种方式         var map1 = new Map;  //无参 ，空的map         console.log(map1); //Map(0) {size: 0}           var arr = [[1,2],[3,4]];         var map2 = new Map(arr) //用二维数组创建一个map         console.log(map2); //Map(2) {1 => 2, 3 => 4}           //map对应的方法 增删改查         //查询 get         console.log(map2.get(1)); //通过key来获得value         //添加的方法 set 传入key 和value;         map2.set('hello','张三')         console.log(map2);//Map(3) {1 => 2, 3 => 4, 'hello' => '张三'}         console.log(map2.get('hello')); //张三         //属性 size属性         console.log(map2.size); //3         //删除的方法 通过key来删除         map2.delete(3);         console.log(map2);//Map(2) {1 => 2, 'hello' => '张三'}         //重新设置就是修改         map2.set('hello','李四');         console.log(map2);//Map(2) {1 => 2, 'hello' => '李四'}         //获取key 获取value 获取键值对         console.log(map2.keys()); //MapIterator {1, 'hello'}         console.log(map2.values()); //MapIterator {2, '李四'}         console.log(map2.entries()); //MapIterator {1 => 2, 'hello' => '李四'}         //清空所有         // map2.clear();         // console.log(map2); //Map(0) {size: 0}         // forEach value key map         map2.forEach((value,key,map) => {                console.log(value);  //2 李四         });         //has 判断是否存在  判断key         console.log(map2.has('hello'));  //true     </script>

 

解构：

对象解构是一种有用的JavaScript功能，可以从对象中提取属性并将其绑定到变量。

可以读取属性并将其值分配给变量，而无需重复属性名称，还可以在一个语句中读取同一对象的多个属性！

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32

<script>        var obj = {username :'jack',password:'123'}        //解构取出数据        //obj.username        //obj.password        //解构来取 （通过key来解构对应的obj） {key} = {key ： 123}        var { password,username} = obj;        console.log(username);//jack        console.log(password); //123         //快速提取对象里面数据        var {age} = {age :18}        console.log(age);//18                 //解构取数组里面的内容 按照位置来取对应的值   不常用        var [o,p] = ['a','b']        console.log(o); //女          //快速读取值        var {sex} = {username:'jack',password:"123",age:'18',sex:"女"}        console.log(sex);                  //扩展运算符 ...        var arr = [1,3,5]        var arr1 = [2,4,6]        console.log(...arr);//解除数组的包装 把他暴露出来1 3 5 数值        //如果你的方法里面需要，隔开他会默认给你叫一个，        console.log( 'abc'.concat(1,2,3,4,5)); //abc12345        // console.log( 'abc'.concat(1 2 3 4 5)); 报错        console.log( 'abc'.concat(...arr,...arr1)); //默认加上, abc135246        console.log('abc'.concat(arr,arr1));//abc1,3,52,4,6    </script>