Use the .filter() method in JavaScript to generate an array containing abbreviated strings

Question

Use the .filter() method in JavaScript to generate an array containing abbreviated strings

Can anyone provide guidance on how to abbreviate an array of strings using the filter() method?

I am trying to use filter() with str.substring or another string method, but I'm not sure how to make it work properly.

In this code snippet, my goal is to return the first four characters of each name from the poshNames array. However, it seems like something is off.

Here's the JavaScript code:

let poshNames = ["Markol", "Andile", "Jazzmine", "Famisynth"];
let nickNames;

nickNames = poshNames.filter(function(name){

  return name.str.substring(0,4);

});

javascript string filter substring

Answer 1

Answer №1

To simplify the task at hand, consider utilizing the map method:

const poshNames = ["Markol", "Andile", "Jazzmine", "Famisynth", "H"];
const nickNames = poshNames.map(name => name.substring(0,4));

console.log(nickNames);

Answer 2

To simplify the task at hand, consider utilizing the map method:

const poshNames = ["Markol", "Andile", "Jazzmine", "Famisynth", "H"];
const nickNames = poshNames.map(name => name.substring(0,4));

console.log(nickNames);

Answer 3

Answer №2

Why not switch to using map instead of filter for a better result:

let poshNames = ["Benedict", "Seraphina", "Lysander", "Cordelia"];
let shortenedNames;

shortenedNames = poshNames.map(function(name) {
  return name.slice(0,4);
});

When using filter, you get an array with elements that meet the specified condition.

In contrast, by utilizing map, you receive an array with values determined by the function applied to each item in the original array.

Remember: Both methods yield new arrays while keeping the original intact.

Answer 4

Why not switch to using map instead of filter for a better result:

let poshNames = ["Benedict", "Seraphina", "Lysander", "Cordelia"];
let shortenedNames;

shortenedNames = poshNames.map(function(name) {
  return name.slice(0,4);
});

When using filter, you get an array with elements that meet the specified condition.

In contrast, by utilizing map, you receive an array with values determined by the function applied to each item in the original array.

Remember: Both methods yield new arrays while keeping the original intact.

Use the .filter() method in JavaScript to generate an array containing abbreviated strings

Answer №1

Answer №2

Similar questions

fullpage.js not being used alongside bootstrap

Tips for resetting the mapbox geocoder

Toggle the visibility of Div 1 and Div 2 with a click of the same button

What is the best way to manage a promise in Jest?

PHP JSON not working with Date Picker

How can I modify my for loop with if else statements so that it doesn't just return the result of the last iteration in

I am encountering a situation while performing a Delete Jquery Ajax request where the response code is 200, however, the data is not being successfully deleted. What are some potential explanations for this issue?

Challenges with Expanse in Object-Oriented JavaScript

Ways to extract information from an array using PHP

Another inquiry regarding a city autocomplete field in a global setting

How can you retrieve command line variables within your code by utilizing npm script in webpack?

How can MongoDB be used to query nested JSON structures?

Issue with Build System CTA's/Callback function functionality not operational

Does creating a form render the "action" attribute insignificant in an AJAX environment?

Struggling to eliminate placeholders using regular expressions in JavaScript

Using jQuery to serialize parameters for AJAX requests

Retrieve information from an Express server using SweetAlert

Unable to complete the task of executing com.github.eirslett:frontend-maven-plugin:1.6:install-node-and-npm (install node and npm)

The child outlet becomes empty after refreshing the URL with the ID sourced from the {{link-to}} method in Ember.js

The strict-origin-when-cross-origin policy is enforced when submitting a POST request through a form to a specific route