Map Consecutive Elements

Beginner

This tutorial is from open-source community. Access the source code

Introduction

In this lab, we will explore the mapConsecutive function in JavaScript. This function allows us to map consecutive elements of an array using a given function. We will learn how to use this function to manipulate arrays in a concise and efficient way.

Function to Map Consecutive Elements in an Array

To start coding, open the Terminal/SSH and type node.

This function maps each block of n consecutive elements in an array, using the given function fn. Follow these steps:

  • Use Array.prototype.slice() to obtain a new array arr with the first n elements removed.
  • Use Array.prototype.map() and Array.prototype.slice() to apply fn to each block of n consecutive elements in arr.

Here's the code:

const mapConsecutive = (arr, n, fn) =>
  arr.slice(n - 1).map((v, i) => fn(arr.slice(i, i + n)));

For example, you can use mapConsecutive() to map each block of 3 consecutive elements in an array of numbers, joining them with dashes:

mapConsecutive([1, 2, 3, 4, 5, 6, 7, 8, 9, 10], 3, (x) => x.join("-"));
// ['1-2-3', '2-3-4', '3-4-5', '4-5-6', '5-6-7', '6-7-8', '7-8-9', '8-9-10'];

Summary

Congratulations! You have completed the Map Consecutive Elements lab. You can practice more labs in LabEx to improve your skills.