• 集合set对象


    <!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>
            var arr = ['a','b','c'];
            arr.forEach(function(v,k,s){
                console.log(this); // 末尾加arr,改变this指向,不写则指向windows对象
            }, arr);
    
            // 返回的都为真才为真,有一个假就是假
            // 做全选功能:
            let arr2 = [1,2,3,4,5,6];
            let rs = arr2.every( v => {
                return v>5;
            } );
            console.log(rs); // false
    
            // 有一个为真就是真的
            // 多选一的操作
            let rs2 = arr2.some( v => {
                return v>5;
            } )
            console.log(rs2);
    
            // 从原有数组过滤新数组
            // 新数组的值是原数组中其中一个,但是新数组的长度是可能不一样的
            let arr3 = arr2.filter(v => {
                return v > 5; // 返回true
            })
            console.log(arr3);
    
            // 新数组的值可以和原数组不一致,但是长度一致的
            let arr4 = arr2.map(v => {
                return v * 10; // 返回一个值
            })
            console.log(arr4);
    
            // 累加
            // 第一个值是上一次的和,第二个参数是当前要操作的数
            let rs3 = arr2.reduce( function(prev, current) {
                return prev + current;
            }, 0 ) // 0表示结果的初始值
    
            console.log(rs3);
    
            // 融合
            // assign后者会覆盖前者,后者不会改变
            // 也可覆盖多个对象
            // let obj3 = Object.assign({},obj1) 
            // 是浅拷贝(改变新对象,不会影响原有的)
            let obj1 = { x:1,y:2 };
            let obj2 = { x:10 };
            Object.assign(obj2,obj1);
            console.log(obj2);
    
            // 复制到原型链中--Object.prototype.xx=100
            let obj3 = Object.create({a:1, b:2 });
            console.log(obj3);
    
            // Set--类似数组,但是时无序的
            // 无重复值--添加相同的元素不会累加
            // 或者可以用来去除数组中重复的值的操作
            let s1 = new Set();
            console.log(s1);
        </script>
    </body>
    </html>
    
  • 相关阅读:
    选择筛选
    添加标签2 jquery 和JS
    最全的常用正则表达式大全
    Javascript和ECMAScript二三事
    display:none和visibility: hidden二三事
    说人话
    渐进增强和优雅降级
    css的优先级以及!important的使用
    解决VS如何同时打开两个工程(xp和win7)
    jQuery验证控件jquery.validate.js使用说明+中文API
  • 原文地址:https://www.cnblogs.com/fdxjava/p/14347480.html
Copyright © 2020-2023  润新知