What is the best way to extract "true" values from an array and store them in a new array during iteration?

Question

What is the best way to extract "true" values from an array and store them in a new array during iteration?

I am currently enrolled in a Codecademy course and I am facing a roadblock. My main goal is to gain a solid grasp of JavaScript.

The current task at hand is as follows: "There is an array of unnecessary words. Your goal is to iterate over the array and filter out these words. Store the remaining words in a new array named betterWords. There are multiple approaches you could take to accomplish this."

Here is my progress so far, but I am struggling with how to return the "necessary" words to the "betterWords" array:

let story = 'Last weekend, I took literally the most beautiful bike ride of my life. The route is called "The 9W to Nyack" and it actually stretches all the way from Riverside Park in Manhattan to South Nyack, New Jersey. It\'s really an adventure from beginning to end! It is a 48 mile loop and it basically took me an entire day. I stopped at Riverbank State Park to take some extremely artsy photos. It was a short stop, though, because I had a really long way left to go. After a quick photo op at the very popular Little Red Lighthouse, I began my trek across the George Washington Bridge into New Jersey.  The GW is actually very long - 4,760 feet! I was already very tired by the time I got to the other side.  An hour later, I reached Greenbrook Nature Sanctuary, an extremely beautiful park along the coast of the Hudson.  Something that was very surprising to me was that near the end of the route you actually cross back into New York! At this point, you are very close to the end.';

let overusedWords = ['really', 'very', 'basically'];
    
let unnecessaryWords = ['extremely', 'literally', 'actually' ];
    
let storyWords = story.split(' ');
console.log(storyWords.length);
    
storyWords.filter(function() {
  let betterWords = [];
  for (wordsIndex= 0; wordsIndex < storyWords.length; wordsIndex++) {
    for (unnecessaryWordsIndex = 0; unnecessaryWordsIndex < unnecessaryWords.length; unnecessaryWordsIndex++) {
      if (wordsIndex != unnecessaryWordsIndex) {
                    
      }
    }
  }
});

Would using .splice() to remove the items and then .map() be the right approach?

I am aware that I might be overcomplicating this process, which tends to be my way! Any suggestions and explanations would be greatly appreciated. Thank you in advance!

javascript arrays iteration

Answer 1

Answer №1

The functionality of the filter function seems to be causing some confusion. It's recommended to try something like this instead:

let filteredWords = storyWords.filter(function(word) {
    if (overusedWords.includes(word)) return false;
    if (unnecessaryWords.includes(word)) return false;
    return true;
});

Remember, when using filter, the original array remains unchanged.

Answer 2

The functionality of the filter function seems to be causing some confusion. It's recommended to try something like this instead:

let filteredWords = storyWords.filter(function(word) {
    if (overusedWords.includes(word)) return false;
    if (unnecessaryWords.includes(word)) return false;
    return true;
});

Remember, when using filter, the original array remains unchanged.

Answer 3

Answer №2

To streamline your word selection process, you can utilize the Array#filter method and incorporate Array#includes to determine if a word is not present in the unnecessaryWords and overusedWords arrays.

var story = 'Last weekend, I took literally the most beautiful bike ride of my life. The route is called "The 9W to Nyack" and it actually stretches all the way from Riverside Park in Manhattan to South Nyack, New Jersey. It\'s really an adventure from beginning to end! It is a 48 mile loop and it basically took me an entire day. I stopped at Riverbank State Park to take some extremely artsy photos. It was a short stop, though, because I had a really long way left to go. After a quick photo op at the very popular Little Red Lighthouse, I began my trek across the George Washington Bridge into New Jersey.  The GW is actually very long - 4,760 feet! I was already very tired by the time I got to the other side.  An hour later, I reached Greenbrook Nature Sanctuary, an extremely beautiful park along the coast of the Hudson.  Something that was very surprising to me was that near the end of the route you actually cross back into New York! At this point, you are very close to the end.',
    overusedWords = ['really', 'very', 'basically'],
    unnecessaryWords = ['extremely', 'literally', 'actually' ],
    storyWords = story.split(' '),
    betterWords = storyWords.filter(word =>
        !unnecessaryWords.includes(word) &&
        !overusedWords.includes(word)
    );

document.body.appendChild(document.createTextNode(betterWords.join(' ')));

Answer 4

To streamline your word selection process, you can utilize the Array#filter method and incorporate Array#includes to determine if a word is not present in the unnecessaryWords and overusedWords arrays.

var story = 'Last weekend, I took literally the most beautiful bike ride of my life. The route is called "The 9W to Nyack" and it actually stretches all the way from Riverside Park in Manhattan to South Nyack, New Jersey. It\'s really an adventure from beginning to end! It is a 48 mile loop and it basically took me an entire day. I stopped at Riverbank State Park to take some extremely artsy photos. It was a short stop, though, because I had a really long way left to go. After a quick photo op at the very popular Little Red Lighthouse, I began my trek across the George Washington Bridge into New Jersey.  The GW is actually very long - 4,760 feet! I was already very tired by the time I got to the other side.  An hour later, I reached Greenbrook Nature Sanctuary, an extremely beautiful park along the coast of the Hudson.  Something that was very surprising to me was that near the end of the route you actually cross back into New York! At this point, you are very close to the end.',
    overusedWords = ['really', 'very', 'basically'],
    unnecessaryWords = ['extremely', 'literally', 'actually' ],
    storyWords = story.split(' '),
    betterWords = storyWords.filter(word =>
        !unnecessaryWords.includes(word) &&
        !overusedWords.includes(word)
    );

document.body.appendChild(document.createTextNode(betterWords.join(' ')));

Answer 5

Answer №3

When using the filter method, remember that it returns a new array. Therefore, you can create a new array by assigning the result of the filter operation to a variable like

let betterWords = storyWords.filter(...);

Answer 6

When using the filter method, remember that it returns a new array. Therefore, you can create a new array by assigning the result of the filter operation to a variable like

let betterWords = storyWords.filter(...);

Answer 7

Answer №4

It is not advisable to store overusedWords and unnecessaryWords as arrays. Searching through these arrays has a time complexity of O(n) because you need to check each element of the array individually. By converting these arrays to sets, you can achieve O(1) search operations. While this may not make a noticeable difference for small inputs, it ensures a clean and efficient approach, especially for handling large lists of overused/unnecessary words.

Another suggestion is to split the text on non-word characters instead of just spaces. This ensures that words like "literally," (with punctuation) are included in the analysis.

let story = 'Last weekend, I took literally the most beautiful bike ride of my life. The route is called "The 9W to Nyack" and it actually stretches all the way from Riverside Park in Manhattan to South Nyack, New Jersey. It\'s really an adventure from beginning to end! It is a 48 mile loop and it basically took me an entire day. I stopped at Riverbank State Park to take some extremely artsy photos. It was a short stop, though, because I had a really long way left to go. After a quick photo op at the very popular Little Red Lighthouse, I began my trek across the George Washington Bridge into New Jersey.  The GW is actually very long - 4,760 feet! I was already very tired by the time I got to the other side.  An hour later, I reached Greenbrook Nature Sanctuary, an extremely beautiful park along the coast of the Hudson.  Something that was very surprising to me was that near the end of the route you actually cross back into New York! At this point, you are very close to the end.';
let overusedWords = ['really', 'very', 'basically'];
let unnecessaryWords = ['extremely', 'literally', 'actually'];

const toRemove = new Set(overusedWords.concat(unnecessaryWords));
const filtered = story.split(/\W+/).filter(e => !toRemove.has(e.toLowerCase()));

console.log(filtered);

You can achieve the same result with a regex one-liner that disregards case and offers some potential options for replacement/cleanup:

let story = 'Last weekend, I took literally the most beautiful bike ride of my life. The route is called "The 9W to Nyack" and it actually stretches all the way from Riverside Park in Manhattan to South Nyack, New Jersey. It\'s really an adventure from beginning to end! It is a 48 mile loop and it basically took me an entire day. I stopped at Riverbank State Park to take some extremely artsy photos. It was a short stop, though, because I had a really long way left to go. After a quick photo op at the very popular Little Red Lighthouse, I began my trek across the George Washington Bridge into New Jersey.  The GW is actually very long - 4,760 feet! I was already very tired by the time I got to the other side.  An hour later, I reached Greenbrook Nature Sanctuary, an extremely beautiful park along the coast of the Hudson.  Something that was very surprising to me was that near the end of the route you actually cross back into New York! At this point, you are very close to the end.';
let overusedWords = ['really', 'very', 'basically'];
let unnecessaryWords = ['extremely', 'literally', 'actually'];

const result = story.replace(new RegExp(
  "(" + overusedWords.concat(unnecessaryWords).join("|") + ")[^a-zA-Z]*", "gi"
), "");

console.log(result);

Answer 8

It is not advisable to store overusedWords and unnecessaryWords as arrays. Searching through these arrays has a time complexity of O(n) because you need to check each element of the array individually. By converting these arrays to sets, you can achieve O(1) search operations. While this may not make a noticeable difference for small inputs, it ensures a clean and efficient approach, especially for handling large lists of overused/unnecessary words.

Another suggestion is to split the text on non-word characters instead of just spaces. This ensures that words like "literally," (with punctuation) are included in the analysis.

let story = 'Last weekend, I took literally the most beautiful bike ride of my life. The route is called "The 9W to Nyack" and it actually stretches all the way from Riverside Park in Manhattan to South Nyack, New Jersey. It\'s really an adventure from beginning to end! It is a 48 mile loop and it basically took me an entire day. I stopped at Riverbank State Park to take some extremely artsy photos. It was a short stop, though, because I had a really long way left to go. After a quick photo op at the very popular Little Red Lighthouse, I began my trek across the George Washington Bridge into New Jersey.  The GW is actually very long - 4,760 feet! I was already very tired by the time I got to the other side.  An hour later, I reached Greenbrook Nature Sanctuary, an extremely beautiful park along the coast of the Hudson.  Something that was very surprising to me was that near the end of the route you actually cross back into New York! At this point, you are very close to the end.';
let overusedWords = ['really', 'very', 'basically'];
let unnecessaryWords = ['extremely', 'literally', 'actually'];

const toRemove = new Set(overusedWords.concat(unnecessaryWords));
const filtered = story.split(/\W+/).filter(e => !toRemove.has(e.toLowerCase()));

console.log(filtered);

You can achieve the same result with a regex one-liner that disregards case and offers some potential options for replacement/cleanup:

let story = 'Last weekend, I took literally the most beautiful bike ride of my life. The route is called "The 9W to Nyack" and it actually stretches all the way from Riverside Park in Manhattan to South Nyack, New Jersey. It\'s really an adventure from beginning to end! It is a 48 mile loop and it basically took me an entire day. I stopped at Riverbank State Park to take some extremely artsy photos. It was a short stop, though, because I had a really long way left to go. After a quick photo op at the very popular Little Red Lighthouse, I began my trek across the George Washington Bridge into New Jersey.  The GW is actually very long - 4,760 feet! I was already very tired by the time I got to the other side.  An hour later, I reached Greenbrook Nature Sanctuary, an extremely beautiful park along the coast of the Hudson.  Something that was very surprising to me was that near the end of the route you actually cross back into New York! At this point, you are very close to the end.';
let overusedWords = ['really', 'very', 'basically'];
let unnecessaryWords = ['extremely', 'literally', 'actually'];

const result = story.replace(new RegExp(
  "(" + overusedWords.concat(unnecessaryWords).join("|") + ")[^a-zA-Z]*", "gi"
), "");

console.log(result);

What is the best way to extract "true" values from an array and store them in a new array during iteration?

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

the navigation process in $state was not successful

Encountering a random MS JScript runtime error message after a few alerts

Join our mailing list for exclusive updates on Angular 6

`Vue function is unable to find the definition of a variable`

What is the process for transforming a list of strings into a JSON array using a shell command?

Unusual outcome observed when inputting a random number into HTML using JavaScript

Getting JSON key and value using ajax is a simple process that involves sending a request

Tips for retrieving additional values from a chosen variable in Angular 10

What is causing the issue of subdomains not functioning properly in express.js?

Webpack-hot-middleware increases the number of event listeners exponentially

The raycaster is experiencing issues when used with multiple cameras in the Three.js library

Tips for successfully sending a variable through setOnClickListener

Loading drop-down menu content after making an AJAX request

Steps to programmatically update Node modules:

The issue with Lodash isEqual arises from the constructor specified by Angular

When passing req.body to another file for processing, it is displaying as undefined in node.js

Implementing fastJSON to work with a JSON array

Having trouble syncing a controller with AngularJS

load a particular section of another website into my own div

Customizing blockquote styling in QuillJS with a unique class