A guide on iterating through an array to extract the initial character from every string

Question

A guide on iterating through an array to extract the initial character from every string

Currently, my focus is on extracting the initial letter of each word in order to create an acronym. I have set up an array where all the capitalized words are stored, and now I need a way to extract those specific characters.

To achieve this, I initially utilized the reduce() method on the array to isolate the capital letters. However, my goal now is to generate acronyms consisting of varying numbers of capital letters.

var words = ["In", "American", "Broadcast", "Company"];

var output = words.reduce((acronym, word) => {
  acronym += word.charAt(0);
  return acronym;
}, "");

While this code snippet results in IABC, the actual correct acronym should be ABC. Hence, I am contemplating whether it is possible to iterate through and obtain C, BC, ABC, IABC before ultimately arriving at the accurate acronym ABC.

javascript

Answer 1

Answer №1

To achieve the desired outcome, consider implementing the following approach to reverse an array and use reduce along with unshift method:

Start by reversing the array using .reverse()
Utilize a loop with reduce function to add the first character at the beginning during each iteration
Once added, join the elements on each iteration and push them to the result array

Here is a sample code snippet for reference:

var words = ["In", "American", "Broadcast", "Company"];
var result = []

var output = words.reverse().reduce((acronym, word, i) => {
  acronym.unshift(word.charAt(0))
  result.push(acronym.join(""))
  return acronym;
}, []);

console.log("result", result);

You can view the code in action on Codepen - https://codepen.io/nagasai/pen/voXXYO?editors=1010

Answer 2

To achieve the desired outcome, consider implementing the following approach to reverse an array and use reduce along with unshift method:

Start by reversing the array using .reverse()
Utilize a loop with reduce function to add the first character at the beginning during each iteration
Once added, join the elements on each iteration and push them to the result array

Here is a sample code snippet for reference:

var words = ["In", "American", "Broadcast", "Company"];
var result = []

var output = words.reverse().reduce((acronym, word, i) => {
  acronym.unshift(word.charAt(0))
  result.push(acronym.join(""))
  return acronym;
}, []);

console.log("result", result);

You can view the code in action on Codepen - https://codepen.io/nagasai/pen/voXXYO?editors=1010

A guide on iterating through an array to extract the initial character from every string

Answer №1

Similar questions

Managing data in Vuex by updating it from a child component using $emit

Interested in integrating server side JavaScript with your Android application?

In Node.js, I encountered an issue where req.body was returning as undefined, despite the fact that when I logged req, I could

Ways to show alternative data from a database in Laravel 8

At that specific moment, a plugin is active to monitor the execution of JavaScript functions

What is the best way to display only a specific container from a page within an IFRAME?

JavaScript: The hyperlink provided in the data-href attribute is not functioning properly within the carousel

Angular successfully compiled without any issues despite the explicit cast of a number into a string variable

What is the specific function of jQuery Custom events and how do they operate

Angular JS appears to be causing the DOM to freeze up while utilizing the ng-repeat directive to loop through

How can I extract the domain name using a regular expression in JavaScript?

Successor in a JavaScript array with multiple dimensions

The React DOM isn't updating even after the array property state has changed

Is it possible to include choices in the number option for slash commands in discord.js v13?

What steps do I need to take in order to display my data in a dynatree

What exactly is the functionality of the `require('atom')` method?

Tips on eliminating certain text from a hyperlink

Having trouble getting Fullcalendar to show up on my cordova app

How to Filter, Sort, and Display Distinct Records in an HTML Table with jQuery, JavaScript, and

What could be causing my HTML elements to shift position based on varying screen sizes or zoom levels?