zoukankan      html  css  js  c++  java
  • 空数组在以下三种遍历中均不可更改:forEach、map和for...in

    首先,我们要知道对于forEach、map和for...in三种遍历,在不是空数组的情况下,要想实现更改原数组的方法,代码如下:

        var list  = [1,2,3,4];
        var list1 = [1,2,3,4];
        var list2 = [1,2,3,4];
        
        list = list.map(function(item){
            return item+1;
        })
        
        list1.forEach(function(item,index,arr){
            arr[index] = item+1
        })
        
        for (var p in list2) {
            list2[p] = 1
        }
        
        console.log(list);  //[2,3,4,5]
        console.log(list1)  //[2,3,4,5]
        console.log(list2); //[1,1,1,1]

    对于空数组,我们做同样的处理,看看结果如何;

        var list  = [];
        var list1 = [];
        var list2 = [];
        
        list.length  = 4;
        list1.length = 4;
        list2.length = 4;
        
        list = list.map(function(item){
            return item+1;
        })
        
        list1.forEach(function(item,index,arr){
            arr[index] = item+1
        })
        
        for (var p in list2) {
            list2[p] = 1
        }
        
        console.log(list);  //Array [ <4 empty slots> ]
        console.log(list1)  //Array [ <4 empty slots> ]
        console.log(list2); //Array [ <4 empty slots> ]

    在火狐浏览器中,我们可以清楚看到结果:Array [ <4 empty slots> ],可以发现空数组是无法用同样的方法更改原数组的数据的。在菜鸟教程中我们可以找到以下的结论:

    1、 map() 不会对空数组进行检测

    2、 forEach() 对于空数组是不会执行回调函数的

    对于for...in循环为什么不能更改空数组,我们试试以下代码:

        var list  = [];
        list.length  = 4;
        
        for (var p in list) {
            console.log(list[p])
        }

    在谷歌火狐等浏览器控制台中,我们无法看到任何数据输出,这是因为for...in无法对空数组进行遍历。

    3、通过实践,我们发现for...in循环无法对空数组进行遍历

  • 相关阅读:
    vue+antDesign 多个select下拉组件实现已选择项不可用(置灰)
    antd + vue 点击编辑文本切换成可编辑状态(附下拉框)
    antDesign的table组件设置行列样式
    jQuery 效果之显示隐藏
    jQuery 样式操作
    jQuery对象筛选选择器
    jQuery 和DOM对象互相转化方法
    JQuery-01-1
    常见网页特效
    WebApl-javescript-动画函数
  • 原文地址:https://www.cnblogs.com/hrlin/p/8353550.html
Copyright © 2011-2022 走看看