javascript_set_map_ZHOU125disorder_

数组扩展

    <script>
        // find()
        // 用于查找出第一个符合条件的成员
        
        console.log([985,211,13,14,996,717].find(function(num,index,arr){
            console.log(num);
            console.log(index);
            console.log(arr);
        }));
                
        // findIndex和find用法类似
        // findIndex()
        console.log([985,211,13,14,996,717].findIndex(function(num,index,arr){
            console.log(num);
            console.log(index);
            console.log(arr);
        }));

        // fill()
        // 给定一个值，用来填充一个数组
        console.log([1,2,3,4,5,6].fill("x"));
        console.log([1,2,3,4,5,6].fill("x",1,3));

        // entries()对键值对的遍历,keys()键名,values()键值
        for(let i of ["a","b"].keys()){
            console.log(i);
        }
        for(let i of ["a","b"].values()){
            console.log(i);
        }
        for(let i of ["a","b"].entries()){
            console.log(i);
        }
        // includes()         查找某一个值是否在该数组中出现过
        console.log([1,2,3,4,5,6,7,8,9].includes(1));
    </script>

对象扩展

    <script>
        // Object.is()比较两个值是否相等
        // es5中想要比较两个值是否相等==，===

        console.log(Object.is(NaN,NaN));
        console.log(Object.is(-0,+0));
        console.log(Object.is(0,+0));
        console.log(Object.is(0,-0));

        // Object.assign()用于对象的合并
        let obj_one = {a:996,b:985,c:211};
        let obj_two = {a:1314,b:520};
        console.log(Object.assign(obj_one,obj_two));
    </script>

set

   <script>
        // es6提供了一个新的数据结构Set，他类似于数组，所有的成员的值都是唯一的，没有重复的值
        // Set本身是一个构造函数，用来生成Set数据结构
    
        let x = new Set();
        console.log(x);

        // // 往set数据结构里面添加内容
        [1,2,3,4,5,6,7,8,9].forEach(index => x.add(index))
        console.log(x);
    
        for(let i of x){
            console.log(x);
        }

        // Set函数可以接受一个数组作为参数，用来初始化
        let set = new Set([1,1,2,2,3,3,4,4]);
        console.log([...set]);      //1,2,3,4
        let set = new Set([1,2,3,4,5,6,6,6,6]);
        // console.log(set.size);          //6
        // 数组去重
        // 去掉重复的成员
        // 可不可以应用于字符串呢？
        console.log([...new Set("asdfasdf")]);
        let set = new Set();
        console.log(set);
        let a = NaN;
        let b = NaN;
        set.add(a);
        set.add(b);
        console.log(set);
        console.log(Object.is(a,b));
        // 往Set添加值的时候，会认为NaN等于自身,两个NaN是相等的
        // let set = new Set();
        // set.add({});
        // console.log(set.size);      
        // set.add({});
        // console.log(set.size);
        // 在Set中，两个对象总是不相等的，所以把上述两个对象视为两个值
        // size返回的是Set实例的成员总数
        // add添加某个值
        // delete删除
        // has()是否含有
        // clear()清除所有成员
        let set = new Set();
        set.add({});
        set.add({});
        console.log(set.size);
        set.clear();
        console.log(set);
        let set = new Set();
        set.add(1).add(2).add(2)
        console.log(set.size);
        console.log(set.has(1));
        console.log(set.has(3));
    </script>

map

    <script>
        // 官方解释
        // es6提供了Map数据结构，类似于对象，也就是键值对的集合，但是，键的范围不限于字符串，各种类型都可以当作键
    
        let mp = new Map();
        console.log(mp);

        let o = {x:"hello"};
        console.log(o);
        mp.set(o,"content");
        console.log(mp);
        console.log(mp.get(o));
        console.log(mp.has(o));
        // set方法进行设置
        // get方法获取某一个键的值
        mp.delete(o);
        console.log(mp);
        let mp = new Map([
            ["name","卡卡西"],
            ["age","30"]
        ])
        console.log(mp.size);
        console.log(mp.has("name"));
        console.log(mp.get("name"));
        console.log(mp.get("age"));
    </script>