npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

advmap

v1.0.0

Published

[...].map() that supports skip, limit, step and more

Downloads

3

Readme

advmap

Build Status Coverage Status code style: prettier GitHub license

[...].map() that supports skip, limit, step and more

logo

Installation

As npm package

npm i -S advmap

Importing the module. It will automatically add a method to the array prototype.

require('advmap');
// or
import 'advmap';

Table of Contents

Configuration

Skip

skip controls how many items to skip before returning results

Example:

const array = [1, 2, 3, 4, 5].advmap(e => e, { skip: 2 });
console.log(array); // [3, 4, 5]

Limit

limit controls the maximum number of items returned

Example:

const array = [1, 2, 3, 4, 5].advmap(e => e, { limit: 2 });
console.log(array); // [1, 2]

it can be nicely combined with the skip property to create a pagination

const array = [1, 2, 3, 4, 5].advmap(e => e, { limit: 2, skip: 2 });
console.log(array); // [3, 4]

Step

controls the interval between two adjacent elements

const array = [1, 2, 3, 4, 5].advmap(e => e, { step: 2 });
console.log(array); // [1, 3, 5]

// if step is bigger than the array length it returns only the first element
const array = [1, 2, 3, 4, 5].advmap(e => e, { step: 10 });
console.log(array); // [1]

it also provides an additional index parameter that is the actual array index that is being mapped

[1, 2, 3, 4, 5].advmap((e, i, ii) => console.log(e, i, ii), { step: 2 });
/*
last parameter is where the item (e) is located in the array
[1, 0, 0]
[3, 1, 2]
[5, 2, 4]
*/
[1, 2, 3, 4, 5].advmap((e, i, ii) => console.log(e, i, ii), { step: 1 });
/*
If step is set to 1 (default) index parameters will be the same
[1, 0, 0]
[2, 1, 1]
[3, 2, 2]
[4, 3, 3]
[5, 4, 4]
*/

Previous params

adds a number of fixed parameters to the advmap method, before the current element

[1, 2, 3, 4, 5].advmap((p2, p1, e) => console.log(p2, p1, e), {
  previousParamsCount: 2,
});
/*
[undefined, undefined, 1]
[undefined, 1, 2]
[1, 2, 3]
[2, 3, 4]
[3, 4, 5]
*/

elements that are outsite of the array are undefined

Next params

adds a number of fixed parameters to the advmap method, after the current element

[1, 2, 3, 4, 5].advmap((e, p1, p2) => console.log(e, p1, p2), {
  nextParamsCount: 2,
});
/*
[1, 2, 3]
[2, 3, 4]
[3, 4, 5]
[4, 5, undefined]
[5, undefined, undefined]
*/

elements that are outsite of the array are undefined

Previous and next params combined

[1, 2, 3, 4, 5].advmap((p1, e, n2, n1) => console.log(p1, e, n2, n1), {
  previousParamsCount: 1,
  nextParamsCount: 2,
});
/*
[undefined, 1, 2, 3]
[1, 2, 3, 4]
[2, 3, 4, 5]
[3, 4, 5, undefined]
[4, 5, undefined, undefined]
*/

Filtering

advmap provides an additional parameter that can be used to check if the current element, index etc.. respects a particular condition

[1, 2, 3, 4, 5].advmap(e => e > 2 && e < 4, e => e + ' apples');
// [ '3 apples' ]

it also has all the arguments that the main map function has

[0, 2, 3, 1, 5].advmap(
  (p1, e, n1) => p1 > e && e < n1,
  (p1, e) => e + ' is between two bigger numbers',
  {
    previousParamsCount: 1,
    nextParamsCount: 1,
  }
);
// [ '1 is between two bigger numbers' ]

Examples

Simple usage like the native [].map function

const array = [1, 2, 3, 4].advmap(e => e + 1);
console.log(array); // [2,3,4,5]

Generate the next number in a fibonacci sequence

let array = [1, 1];
const nextNumber = () =>
  array.advmap((p1, e, n1) => (p1 ? p1 + e : n1), {
    previousParamsCount: 1,
    nextParamsCount: 1,
  });
array = nextNumber(); // [1, 2]
array = nextNumber(); // [2, 3]
array = nextNumber(); // [3, 5]
array = nextNumber(); // [5, 8]
array = nextNumber(); // [8, 13]

License

MIT