javascript实用记录

青旅半醒 2023-10-06 17:29 38阅读 0赞

### filter实例，返回数组 ages 中所有元素都大于 18 的元素: ###

过滤满足条件的筛选出来，不满足的管

### map实例， 返回一个数组，不会改变原始数组。 ###

let tableHead = Object.keys(res.data.data[0]).map(e => {
        
              return {
         label: e, prop: e };
            }); //表头

### setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。 ###

对比setTimeout(function()\{alert(“Hello”)\},3000);

<!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
    </head>
    <body>
    
    <p>显示当前时间:</p>
    <p id="demo"></p>
    
    <button onclick="myStopFunction()">停止时间</button>
    
    <script>
    var myVar = setInterval(function(){
         myTimer() }, 1000);
    
    function myTimer() {
        
        var d = new Date();
        var t = d.toLocaleTimeString();
        document.getElementById("demo").innerHTML = t;
    }
    
    function myStopFunction() {
        
        clearInterval(myVar);
    }
    </script>
    
    </body>
    </html>

![在这里插入图片描述][20210426154011461.png]

### 多选&去重 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA4NDk4Ng_size_16_color_FFFFFF_t_70]

### new set返回的时一个对象，可以使用\[…\]转化成数组 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA4NDk4Ng_size_16_color_FFFFFF_t_70 1]

### indexOf() ###

![在这里插入图片描述][2021042620481180.png]

### 全选 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA4NDk4Ng_size_16_color_FFFFFF_t_70 2]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA4NDk4Ng_size_16_color_FFFFFF_t_70 3]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA4NDk4Ng_size_16_color_FFFFFF_t_70 4]

### every实例， 检测数组 ages 的所有元素是否都大于等于 18 : ###

var ages = [32, 33, 16, 40];
    
    function checkAdult(age) {
        
        return age >= 18;
    }
    
    function myFunction() {
        
        document.getElementById("demo").innerHTML = ages.every(checkAdult);
    }

> every() 方法用于检测数组所有元素是否都符合指定条件（通过函数提供）。
> 
> every() 方法使用指定函数检测数组中的所有元素：
> 
> 如果数组中检测到有一个元素不满足，则整个表达式返回 false ，且剩余的元素不会再进行检测。 如果所有元素都满足条件，则返回 true。  
> 注意： every() 不会对空数组进行检测。
> 
> 注意： every() 不会改变原始数组。  
> ![在这里插入图片描述][20210514103803859.png]

[20210426154011461.png]: https://img-blog.csdnimg.cn/20210426154011461.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA4NDk4Ng_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20210426162340741.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA4NDk4Ng==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA4NDk4Ng_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20210426162051793.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA4NDk4Ng==,size_16,color_FFFFFF,t_70
[2021042620481180.png]: https://img-blog.csdnimg.cn/2021042620481180.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA4NDk4Ng_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20210426211846715.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA4NDk4Ng==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA4NDk4Ng_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20210426212331587.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA4NDk4Ng==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA4NDk4Ng_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/2021042621234356.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA4NDk4Ng==,size_16,color_FFFFFF,t_70
[20210514103803859.png]: https://img-blog.csdnimg.cn/20210514103803859.png