如何快速的创建一个包含100个元素的数组

时间: 2017-12-29阅读: 810标签: Array
​本文为笔者原创,之后可能随时修改,若需转载请保留此头部,以便读者追本朔源。
本文地址 : http://blog.zhukejin.com/archives/328

如题, 最初见到的问题是如何创建100个为元素为0 的数组,研究了一系列的方法,包含Es6 新的API ,不得不说, ES6 好强大!

如果问一个新手,那么得到的回答极有可能就是 循环,当然循环也无可厚非,毕竟能实现就行,但是我们如果闲的话,还是可以探讨一下到底有多少中方式可以解决这个问题  


循环

var arr = [];
for (var i=0; i<99; i++) {
    arr.push(0)
}
//可以吗? 当然可以。 或者使用其他的什么循环

那么有其他方法吗? 当然有。核心围绕在 new Array() 上 


Array构造器

如上第一个循环的时候,就是用了 new Array(100) 这样的构造器,但是这样创建出来的数组只是一个 undefined x 100的集合

Array(100) //[undefined × 100]

ECMAScript-262 中对 Array.prototype.map 的方法描述有一句话

callbackfn is called only for elements of the array which actually exist; it is not called for missing elements of the array.

在为数组中每个元素执行callbackfn之前,会先判断这个元素是否在数组中实际存在(actually exist),判断的方法就是调用内部方法[[HasProperty]]。

不过没关系,我们可以进行一些简单的处理


split分割

//创建一个100个元素的数组,此时不具有Array 的 prototype, 然后通过 join 和 split 来生成
Array(100).join(0).split('')

//或者
'0'.repeat(100).split('')

//或者
(1 << 24).toString(2).replace(/\d/g, '0000').split('')

//什么? 你说这些出来元素都是字符串?要Number ? 
Array(100).join(0).split('').map(Number)


Array.fill

// Es6 的新方法 Array.prototype.fill
Array(100).fill(0)

//tip
[].fill.call({length: 100}, 0)

//这时候就可以用 Array.from 、 Array.prototype.slice.call 来转换成数组了
Array(100).fill(0).map(x=>x);


Array.from + map

//构造器创建的undefined 集合无法遍历,那么就来转换一下
Array.from(Array(100)).map(x=>0)

//或者
Array.from({length: 100}).map(x=0)


Array.from + mapFn (from 的第二个参数)

Array.from({length:100}, x=>0)


Array.apply + map

Array.apply(null, Array(100)).map(x=>0)

//或者
Array.apply(null,{length:100}).map(x=0)


类型化数组

//它的元素默认初始化为0。
new Int8Array(100);

//甚至
Array.prototype.slice.call(new Uint8Array(100))


延伸一下,如果是求每个元素是他的下标 (部分来自知乎)

Object.keys

Object.keys(Array.apply(null,{length:100}));

//笔者补充,其实可以这样
Object.keys(new Int8Array(100))

//或者这样
Object.keys(String(Array(101)));

//甚至这样
Object.keys('0'.repeat(100))


Array.from + keys

Array.from(Array(100).keys()) 


Spread + keys

[...Array(100).keys()]


Array.from + Generator

function* angry(i) {
  yield i;
  if (i < 99) { yield* angry(i + 1); }
};
Array.from(angry(0));


变异递归

(function(v,i){if(i>0)arguments.callee(v,i-1);v.push(i);return v})([],99);


奇葩一点的方法:

Number.prototype[Symbol.iterator] = function() {
    return {
        v: 0,
        e: this,
        next() {
            return {
                value: this.v++,
                done: this.v > this.e
            }
        }
    }
}

[...100]


Y combinator (别问,知乎大神写的)

(function (excited) {
   return function (f) { 
      return f(f); 
   }(function (f) {
      return excited(function (x) { return (f(f))(x); });
   });
})(function (excited) {
   return function(i) {
       return (i < 0) ? [] : excited(i - 1).concat(i);
   }
})(99);


//换个装逼点的es6 
((excited) => ((f) => f(f))((f) => excited((x) => (f(f))(x))))((excited) => (i) => (i<0 ? [] : excited(i-1).concat(i)))(99)


吐血推荐

1.阿里云: 本站目前使用的是阿里云主机,安全/可靠/稳定。点击领取2000元代金券、了解最新阿里云产品的各种优惠活动点击进入...

2.腾讯云: 提供云服务器、云数据库、云存储、视频与CDN、域名等服务。腾讯云各类产品的最新活动,优惠券领取点击进入...

3.站长广告联盟: 整理了目前主流的广告联盟平台,如果你有流量,可以作为参考选择适合你的平台点击进入...

链接: http://www.fly63.com/article/detial/297

Array.prototype.slice.call()

MDN中对于Array.prototype.slice.()的介绍中,提到了类数组对象。以下是原文:slice 方法可以用来将一个类数组(Array-like)对象/集合转换成一个新数组。你只需将该方法绑定到这个对象上。 一个函数中的 arguments 就是一个类数组对象的例子。

使用 Array.fill( ) 填充对象的问题

当你想使用 Array.fill( ) 来填充一个全是空白对象的数组时需要特别注意。Array(length).fill({ }) 这样填充创建的数组,里面每一项{ }都完全相同

Array.from() 五个超好用的用途

任何一种编程语言都具有超出基本用法的功能,它得益于成功的设计和试图去解决广泛问题。JavaScript 中有一个这样的函数: Array.from:允许在 JavaScript 集合(如: 数组、类数组对象、或者是字符串

es6之Array.from()方法

Array.from()方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组。==只要是部署了Iterator接口==的数据结构,Array.from都能将其转为数组。

Js Array对象常用方法

不改变原数组:concat();join();slice();toString(),改变原数组:pop();push();reverse();shift();unshift();sort();splice(),array.concat(array)连接两个或多个数组,返回被连接数组的一个副本

Array.slice 8种不同用法

在深入研究一些更高级的用法之前,让我们看一下slice方法的基础知识。如MDN文档,slice 是数组上的一个方法,它最多有两个参数,从该索引处开始提取原数组中的元素,如果该参数为负数,则表示从原数组中的倒数第几个元素开始提取

Array数组相关方法

push向数组末尾添加元素;unshift向数组开头增加元素;pop删除数组末尾一项;shift删除数组的第一项;join为数组添加指定的分隔符;slice找某一区域内的项,返回成新数组形式

js数组的迭代

js数组的迭代:forEach() 方法对数组的每个元素执行一次提供的函数。map() 方法创建一个新数组,其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。filter() 方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。

es6之Array.of()和Array.from()

es6新增了二种方法:Array.of()和Array.from(),它们有什么用途呢?在平时的开发中能给我们带来什么方便呢?本篇将从一个创建数组的小问题开始,逐步揭开它们的面纱。

JS取出两个数组中的不同或相同元素

concat() 方法:用于连接两个或多个数组。Array filter() 方法:创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。indexOf() 方法:可返回某个指定的字符串值在字符串中首次出现的位置。

fly63.com版权所有,内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权,请与小编联系!情况属实本人将予以删除!

广告赞助文章投稿关于web前端网站点搜索站长推荐网站地图站长QQ:522607023

小程序专栏: 土味情话心理测试脑筋急转弯幽默笑话段子句子语录成语大全