❤
npm
Sign UpSign In

create-empty-array

1.0.2 • Public • Published

Travis build status Codecov branch npm downloads MIT License

gzip size size

Maintainability PRs Welcome

Why?

In React, there are times when you have a number and want to iterate over it.

You might do something like this:

import React from "react";
 
const MyList = ({ length }) => {
  let temporaryArray = [];
  let i = 0;
  while (i < length) {
    temporaryArray.push(undefined);
    i++;
  }
 
  return (
    <ul>
      {temporaryArray.map((_, index) => {
        <li key={index}>Another one</li>
      })}
    </ul>  
  );
};

This utility creates an empty array with length number which you can then map over.

import React from "react";
import createEmptyArray from "create-empty-array";
 
const MyList = ({ length }) => {
  return (
    <ul>
      {createEmptyArray(length).map((_, index) => {
        <li key={index}>Another one</li>
      })}
    </ul>  
  );
};

Getting started

npm install --save create-empty-array

Usage

import createEmptyArray from "create-empty-array";
 
const emptyArray = createEmptyArray(3);
// [undefined, undefined, undefined]
 
const mapOverEmptyArray = emptyArray.map(() => "hi");
// ["hi", "hi", "hi"]

Performance

See this performance test on jsperf.

Readme

Keywords

Package Sidebar

Install

npm i create-empty-array

Repository

github.com/newyork-anthonyng/create-empty-array

Homepage

github.com/newyork-anthonyng/create-empty-array#readme

Weekly Downloads

0

Version

1.0.2

License

MIT

Last publish

Collaborators

  • newyork.anthonyng
Try on RunKit
Report malware