How can I achieve the desired output for this input parameter?
displayText("you and me");
expected output:
["you and me", "you and", "and me", "you", "and", "me"]
I have attempted to solve it using the following code, but the results are incorrect. Here is my current code:
let displayText = (txt) => {
let output= []
for(let i = 0; i < txt.length; i++) {
for(j = i + 1; j < txt.length + 1; j++) {
output.push(txt.slice(i, j))
}
}
return output
}
To start, begin by breaking down the sentence into individual parts:
const sentence = 'she and I'
const words = sentence.split(' ')
The challenging aspect is extracting the elements in pairs. Utilize slice to accomplish this:
const pairCount = words.length - 1
for (let i=0; i<pairCount ; i++) {
console.log(words.slice(i, i+2).join(' '))
}
Next, display each individual word:
words.forEach(word => console.log(word))
To begin, the sentence should be divided into parts: For instance:
let strArray = myString.split(" ");
let finalOutput= []
let tempString = "";
for (let i = 0; i < strArray.length; i++) {
tempString = strArray[i];
finalOutput.push(tempString)
for (let j = i + 1; j < strArray.length; j++) {
tempString += strArray[j];
finalOutput.push(tempString)
}
}
console.log(finalOutput)
This is one approach you could take.
For your function to work as intended, make sure to split the string on word breaks and declare the variable j.
let displayText = (txt) => {
txt = txt.split(' ');
let output = []
for (let i = 0; i < txt.length; i++) {
for (let j = i + 1; j < txt.length + 1; j++) {
output.push(txt.slice(i, j).join(' '))
}
}
return output
}
console.log(displayText("you and me"))If you want to return an array sorted by combination length, consider grouping each slice by word count and using the flat() method on the output array before returning.
let displayText = (txt) => {
txt = txt.split(' ');
let
len = txt.length, output = [];
for (let i = 0; i < len; i++) {
for (let j = i + 1; j < len + 1; j++) {
(output[len - (j - i)] ??= []).push(txt.slice(i, j).join(' '))
}
}
// before flat() call
// [ [ 'you and me' ], [ 'you and', 'and me' ], [ 'you', 'and', 'me' ] ]
return output.flat()
}
console.log(displayText("you and me")); I'm currently working with a dataset containing information about an area in Western Europe. I am trying to convert coordinates into values within this table, facing a challenge similar to the one described in this query. However, I lack experience in ...
Currently, there is a Java code snippet that I am working on which attempts to access the header information sent by an HTML page. Unfortunately, I do not currently have the specific HTML page in question. However, I still need to be able to access and m ...
I have been working on a program that experiences continuous heap growth. The program is quite simple - it repeatedly tries to load an external file (SyntaxError) using require. However, this external module fails to load due to a syntax error present in i ...
I recently encountered a challenge with my function that deals with a short JSON string: <script id="local" type="text/javascript"> $( document ).ready(function() { $('tr').on('blur', 'td[contenteditable]', functi ...
If you want to check out the section I created on CodePen, feel free to visit it by clicking here. I've noticed that my JavaScript code has a lot of repetitive elements and I'm looking to optimize it for better performance. Any advice on how I c ...
In my script, I am using the following code: for (var i in $scope.hulls) { if ($scope.hulls[i].id == 1234) { console.log($scope.hulls[i]); $scope.selectedHullShip1 = $scope.hulls[i]; } } The code works fine outside of the onclick button, but fails to run ...
Here's the dilemma I'm facing: I had a functional version of a react-native project that was running smoothly and committed to my git repository. Deciding to upgrade from react-native 0.26.3 to 0.28 led me into a tangled web of dependencies, so ...
I have a form with four fields: file, name, type (as a string), and taskInstanceId. <form> <table id="documentDetailsTable"> <tr> <td>Document Type: </td> <td><select id="documentType" ...
When I click the button to pick an image from the gallery in this code, it is supposed to load the phone's gallery and display the selected image in the image component. Even though the image gets loaded properly (confirmed through test logs), it does ...
Hello! I am currently working on adding an MTL file to my OBJ in three.js. I had successfully loaded my OBJ and went back to address this issue. However, after adding the code to load the MTL file using MTLLoader, the code seems to be getting stuck at mt ...
I'm facing an issue with a form that has hidden fields. When a user selects a checkbox, some of the hidden form fields are supposed to be revealed using the jQuery function slideToggle(). The code itself is pretty simple and you can see an example her ...
I am looking for a way to encrypt a message using PHP and then decrypt it using JavaScript on the client side. I tried using Blowfish with mcrypt, but encountered an issue where PHP was outputting non-alphanumeric characters while JavaScript was only displ ...
I am encountering an issue when trying to bind an array of objects data to a MatTableDataSource; the table displays empty results. I suspect there is a minor problem with data binding in my code snippet below. endPointsDataSource; endPointsLength; endP ...
Currently, I am working on a project that involves populating two dropdown menus where the value of one depends on the other. Specifically, I have three dropdowns - one to select a class, and the other two for selecting subjects and exams based on the sele ...
Whenever I open Terminal in my react folder and try to start the react app using npm start, I always end up encountering an error on the browser. The error message states that the "react" plugin is conflicting between two paths: "package.json » eslint ...
I can't help but wonder if anyone has encountered this issue before. Prior to this, my EventHandler structure looked like: export interface EventHandler { name: string; canHandleEvent(event: EventEntity): boolean; handleEvent(event: EventEntity ...
I am facing an issue with rendering all the returns from the API in my Next.js application. The API, which is created in Strapi, is only displaying 1 out of the 3 possible returns. I am a beginner when it comes to using APIs and I suspect that the issue li ...
Managing a large web page with extensive JavaScript functionality can be challenging, especially when dealing with fixed position elements that update based on user scroll behavior. A common issue that arises is the noticeable jumping of these elements whe ...
HTML file <div class="container"> <table id="headerTable" class="table table-bordered"> <thead> <tr> <th colspan="2">Header</th> </tr> </thead> <tbody> <c:forEach item ...
My primary focus has been on developing web apps using Angular, but now I am interested in creating native Android and iOS apps with Angular. I have heard about using Cordova, Capacitor, and NativeScript for this purpose, as alternatives to Ionic due to pe ...