Swap out any terms in a sentence that correspond to words found in a different array

Question

Swap out any terms in a sentence that correspond to words found in a different array

Looking to prefix words in a string that match specific 'filter' words with a # symbol.

Here's what I've tried:
let wordsArray = ['she', 'smile'];
let sentence = 'She has a big smile';
let sentenceArray = sentence.split(" ");
wordsArray.forEach((word, index) => {
    sentenceArray.forEach((sWord, sIndex) => {
        if (sWord === word) {
            sentenceArray[sIndex] = `#${sWord}`;
            console.log(sentenceArray);
        }
    });
});

Here's the output in the console.

app.js:17 (5) ["She", "has", "a", "big", "smile", She: "#She"]
 app.js:17 (5) ["She", "has", "a", "big", "smile", She: "#She", has:
 "#has"] app.js:23 She has a big smile

Any suggestions on where the issue might be?

javascript arrays

Answer 1

Answer №1

Repl Demo

If you want to modify specific words in a sentence, you can utilize the Array.map method. This allows you to iterate through each word, checking if it matches any predefined words in an array, and then replacing it with a "#" symbol if a match is found.

const wordList = ['happy', 'excited'];
const sentence = 'She is happy and excited';
const sentenceArray = sentence.split(" ");
const modifiedSentence = sentenceArray.map((word) => {
  const matchIndex = wordList.indexOf(word.toLowerCase());
  return (matchIndex !== -1)
    ? '#'.concat(word)
    : word;
});

Answer 2

Repl Demo

If you want to modify specific words in a sentence, you can utilize the Array.map method. This allows you to iterate through each word, checking if it matches any predefined words in an array, and then replacing it with a "#" symbol if a match is found.

const wordList = ['happy', 'excited'];
const sentence = 'She is happy and excited';
const sentenceArray = sentence.split(" ");
const modifiedSentence = sentenceArray.map((word) => {
  const matchIndex = wordList.indexOf(word.toLowerCase());
  return (matchIndex !== -1)
    ? '#'.concat(word)
    : word;
});

Answer 3

Answer №2

The index should be used as the second parameter in the forEach callback, indicating the current iteration position, rather than the value. Remember to apply toLowerCase to the words for comparison with the lower-cased versions in the wordsArray:

let wordsArray = ['she', 'smile'];
let sentence = 'She has a big smile';
let sentenceArray = sentence.split(" ");
wordsArray.forEach((vals) => {
    sentenceArray.forEach((sVal, j) => {
        if (sVal.toLowerCase() === vals) {
            sentenceArray[j] = `#${sVal}`;
        }
    })
});
console.log(sentenceArray)

Instead of using a nested loop, consider creating a Set from the wordsArray for better efficiency (O(n) instead of O(n ^ 2)), as well as for a more elegant solution:

const wordsArray = ['she', 'smile'];
const wordsSet = new Set(wordsArray);
const sentence = 'She has a big smile';
const result = sentence.split(" ")
  .map(word => wordsSet.has(word.toLowerCase()) ? '#' + word : word);
console.log(result);

Answer 4

The index should be used as the second parameter in the forEach callback, indicating the current iteration position, rather than the value. Remember to apply toLowerCase to the words for comparison with the lower-cased versions in the wordsArray:

let wordsArray = ['she', 'smile'];
let sentence = 'She has a big smile';
let sentenceArray = sentence.split(" ");
wordsArray.forEach((vals) => {
    sentenceArray.forEach((sVal, j) => {
        if (sVal.toLowerCase() === vals) {
            sentenceArray[j] = `#${sVal}`;
        }
    })
});
console.log(sentenceArray)

Instead of using a nested loop, consider creating a Set from the wordsArray for better efficiency (O(n) instead of O(n ^ 2)), as well as for a more elegant solution:

const wordsArray = ['she', 'smile'];
const wordsSet = new Set(wordsArray);
const sentence = 'She has a big smile';
const result = sentence.split(" ")
  .map(word => wordsSet.has(word.toLowerCase()) ? '#' + word : word);
console.log(result);

Answer 5

Answer №3

wordsArray.forEach((word) =>sentence = sentence.replace(new RegExp(word,"ig"),"#"+word))

This function loops through each word in the filter and replaces those words in the sentence using a regular expression with the pattern new RegExp(word, "ig"). The first argument represents the word to be found and the second argument "ig" includes flags: "i" for ignoring case sensitivity and "g" for a global search.

Answer 6

wordsArray.forEach((word) =>sentence = sentence.replace(new RegExp(word,"ig"),"#"+word))

This function loops through each word in the filter and replaces those words in the sentence using a regular expression with the pattern new RegExp(word, "ig"). The first argument represents the word to be found and the second argument "ig" includes flags: "i" for ignoring case sensitivity and "g" for a global search.

Swap out any terms in a sentence that correspond to words found in a different array

Answer №1

Answer №2

Answer №3

Similar questions

Incorporate dynamic animations into text wrapping using React

Can someone explain the variance between these two script codes? Are they entirely distinct, or can I utilize just one source?

Exploring navigation options in VueJS with the router

The debounced function in a React component not triggering as expected

Here is a guide on updating HTML table values in Node.js using Socket.IO

Building a 'Export to CSV' button using a PHP array within the Wordpress Admin interface

Emphasize the element if it is present in both arrays

The compatibility issue between Angular JS App and JSPDF is causing malfunctions specifically in Internet Explorer

Error Occurred while Uploading Images using Ajax HTML Editor with JSON Data

What is the proper way to designate a manifest.json link tag on a limited-access website controlled by Apache shibboleth?

Tips for controlling numerous tabSlideOUt tabs on a single webpage

Converting hierarchical JSON data into a table with rowspan using Angular

display the $scope as undefined in an angular application

Learn how to default export React with withRouter, all while taking advantage of Material UI's makeStyles

Cannot get the before-leave transition JavaScript hook to function properly in Vue.js

Tips on assigning a value to a cell within a List<int[][]>

Conceal the countdown clock and reveal the message box

storing the output from a MySQL array into a PHP variable

Encountering Internal Server Error when C# WebMethod communicates with JavaScript AJAX call

Versatile accordion with separate functionalities for items and panels