美文网首页
不使用循环生成数组

不使用循环生成数组

作者: 不要变成发抖的小喵喵喵喵喵喵 | 来源:发表于2017-05-06 20:43 被阅读0次

    传统的方法生成数组

    // 方法1
    var arr = new Array(10);
    for(var i = 0; i < arr.length; i++){
      arr[i] = i;
    }
    console.log(arr);
    
    // 方法2
    var arr = [];
    for(var i = 0; i < 10; i++){
     arr.push(i);
    }
    console.log(i);
    

    第一种不使用循环生成数组的方式

    使用 Array.apply(null,{length:10})生成10位的数组,每个值为undefined
    然后再使用Object.keys()方法获取数组中每个数据的key值,注意这里的值都是字符串,需要处理为number格式

    // 生成100位数组
    var arr = Array.apply(null,{length: 100});
    
    // 获取数组的字符串key值
    arr = Object.keys(arr);
    
    // 将字符串遍历为number
    arr = arr.map(function(item){
      return +item;
    })
    
    // 总体的写法为
    var arr = Object.keys(Array.apply(null,{length: 100})).map(function(item){
      return +item;
    })
    

    第二种不使用循环生成数组的方式

    es6的Array.from() 参考:Array.from

    Array.from({length: 100}, (v, i) => i );
    // [0,1,2,3....99];
    

    es6的Array.prototype.keys(),keys()方法返回一个新的Array Iterator,它包含数组中每个索引的键。参考Array.prototype.keys()

    var arr = new Array(100).keys();
    console.log(Array.from(arr));
    //[0,1,2,3....99];
    

    相关文章

      网友评论

          本文标题:不使用循环生成数组

          本文链接:https://www.haomeiwen.com/subject/pzdytxtx.html