JavaScript: Different ways to utilize the reduce method

Question

JavaScript: Different ways to utilize the reduce method

Creating an array for search purposes based on a string like BBC Sport, the desired output array will be:

[ 'BBC', 'BB', 'B', 'Sport', 'Spor', 'Spo', 'Sp', 'S' ]

An implementation using 2 for loops is as follows:

const s     = "BBC sport";
const tags  = [];
const words = s.split(" ");

for (let word of words) {
  const wl = word.length;
  for (let i = 0; i < wl; i++) {
    tags.push(word.substr(0, wl - i));
  }
}

// tags now equals [ 'BBC', 'BB', 'B', 'Sport', 'Spor', 'Spo', 'Sp', 'S' ]

However, there is a desire to achieve the same outcome using the reduce function instead of for loops.

If you were to solve this problem, how would you do it?

javascript algorithm reduce

Answer 1

Answer №1

I personally think the way you wrote the code is best - using two loops makes it readable, maintainable and efficient.

However, if you prefer a one-liner approach, you could try this:

s.split(" ").flatMap(word => Array.from(word, (_, i) => word.slice(0, i + 1)))

Answer 2

I personally think the way you wrote the code is best - using two loops makes it readable, maintainable and efficient.

However, if you prefer a one-liner approach, you could try this:

s.split(" ").flatMap(word => Array.from(word, (_, i) => word.slice(0, i + 1)))

Answer 3

Answer №2

Here is a unique approach utilizing function generators for the solution (my preferred method) and another using reduce as per your request (not my personal choice), taking an input string and a specified separator.

In this scenario, the separator used is a blank space by default, but it can be tailored to suit different needs.

The provided code snippet will loop through the input string, extract relevant segments based on occurrences, and capitalize them (as it seems you prefer).

This solution offers flexibility while remaining easy to modify by incorporating extra parameters into the toTagList function or enabling further adjustments since it's iterable.

const s = "BBC sport";

function* toTagList(input, separator) {
  // split by the separator.
  for (const block of input.split(separator)) {
    // For each string block, split the whole word.
    var splitted = block.split('');
    // slice the input array by taking from the first character to the last one, then decrease to get only the previous portions of said word.
    for (var i = splitted.length; i > 0; i--) {
      // Finally, yield the capitalized string.
      yield capitalize(splitted.slice(0, i).join(''));
    }
  }
}
// this just capitalizes the string.
function capitalize(input) {
  return input.charAt(0).toUpperCase() + input.substring(1, input.length);
}

console.log([...toTagList(s, ' ')]);

If you are set on using reduce:

const s = "BBC sport";

const tags = s.split(' ').reduce((acc, next) => {
  return acc.push(...Array.from({length: next.length}).map((_, i) => {
    return (next.split('').slice(0, i + 1)).join('')
  })), acc;
}, [])

console.log(tags);

Answer 4

Here is a unique approach utilizing function generators for the solution (my preferred method) and another using reduce as per your request (not my personal choice), taking an input string and a specified separator.

In this scenario, the separator used is a blank space by default, but it can be tailored to suit different needs.

The provided code snippet will loop through the input string, extract relevant segments based on occurrences, and capitalize them (as it seems you prefer).

This solution offers flexibility while remaining easy to modify by incorporating extra parameters into the toTagList function or enabling further adjustments since it's iterable.

const s = "BBC sport";

function* toTagList(input, separator) {
  // split by the separator.
  for (const block of input.split(separator)) {
    // For each string block, split the whole word.
    var splitted = block.split('');
    // slice the input array by taking from the first character to the last one, then decrease to get only the previous portions of said word.
    for (var i = splitted.length; i > 0; i--) {
      // Finally, yield the capitalized string.
      yield capitalize(splitted.slice(0, i).join(''));
    }
  }
}
// this just capitalizes the string.
function capitalize(input) {
  return input.charAt(0).toUpperCase() + input.substring(1, input.length);
}

console.log([...toTagList(s, ' ')]);

If you are set on using reduce:

const s = "BBC sport";

const tags = s.split(' ').reduce((acc, next) => {
  return acc.push(...Array.from({length: next.length}).map((_, i) => {
    return (next.split('').slice(0, i + 1)).join('')
  })), acc;
}, [])

console.log(tags);

JavaScript: Different ways to utilize the reduce method

Answer №1

Answer №2

Similar questions

Looking for a way to assign the object value to ng-model within a select tag from an array of objects? Also, curious about how to easily implement filters on ng-options?

Guide to displaying a progress bar while submitting a form using JavaScript and AJAX

Firebase causing API to render only upon typing initiation

JavaScript alert box

Retrieve data from a list using an API

Utilize Javascript to create a function that organizes numbers in ascending order

Retrieve the highest value indexes from a three-dimensional array with JavaScript

Is there a way to transfer the functionality of openssl_seal from PHP to NodeJS 18?

Setting up paths to bypass authentication on an Express website

Linking model attribute to checkbox in AngularJs

Updating a nested property within an array of objects in MongoDB

Organizing numerical values within for loops

How to update the date format in v-text-field

What is the best way to implement Angular 2 slash routes in conjunction with Node Express?

Select an image based on the input value provided

issue with splice function

Showcasing or concealing.JSON data depending on the selected item in a React and MaterialUI application

Transforming an ES6 JSON object into a dictionary: a step-by-step guide

What could be the reason for my mongoose model failing to save in mongodb?

`ACCESS DENIED: Unauthorized access attempt detected in Node.js``