I'm wondering how to determine the number of characters after the "|" symbol in this string: "354-567-3425 | John Doe". I did some research and only came across the javascript indexOf() method. While this method is useful for finding characters before the "|", I'm unsure of how to use it in reverse to count from the end of the string. I believe there must be a simple solution to this issue. Any assistance would be highly valued.
Express it this way
let text = '543-890-1234 | Jane Smith';
let lastIndexOfPipe = text.length - text.lastIndexOf('|');
The variable lastIndexOfPipe holds the index counting from the end of the string.
For finding the last occurrence, try using lastIndexOf() in place of indexOf()
Find more information on this method at MDN
Give this code snippet a shot, it's likely to do the trick.
let myText = "786-342-0999 | Jane Smith";
let position = myText.indexOf("|");
let desiredLength = myText.slice(position + 1).length;
Give this a shot:
let sentence = "976-512-3987 | Jane Smith";
let charactersRemaining = sentence.length - sentence.indexOf("|") - 1;
The - 1 is necessary to skip over the | symbol.
In case your value will consistently be separated by a single |, you can determine the total number of characters after the | using the following method:
'354-567-3425 | John Doe'.split('|')[1].lengthIf the number of | occurrences is irregular, here's an alternative approach:
var data = '354-567-3425 | John Doe | 666 Elm Street';
var lastIndexPos = data.lastIndexOf('|');
console.log(data.substr(lastIndexPos + 1).length);
This is an approach I often take:
let text = '456-789-1234 | Jane Smith';
text.substr(text.indexOf('|') + 1)
There is a model with animation. I recently upgraded to a new animation system but I can't seem to get it to work. Could it be that I set up the export incorrectly? Here are the files for reference: Snippet of the code: var mixer = new THREE.Animati ...
/** * User.js * * @description :: The User model handles user data, including hash functions for password security. * @docs :: http://sailsjs.org/#!documentation/models */ var bcryptjs = require('bcryptjs'); function hashPassword(values, ...
Creating a kendo dropdown list dynamically based on the number of received id's is presenting a challenge. A method has been implemented to loop through each id and generate a corresponding dropdown with that id. These dropdowns are not all generated ...
As I explore the jquery lightbox plugin, I find it to be quite straightforward. However, I am curious if there is a way to make the "previous" and "next" buttons of the plugin function without the images needing to be named sequentially (e.g., "image1.jpg, ...
Is there a way to automatically hide the success message that appears after an AJAX request is successful? For example, after 2 seconds of displaying the message, I want it to disappear. Here's the code I have: $.ajax({ url : 'process/regis ...
I am having an issue with my spans. I want to implement a feature where clicking on one tab changes its color to red while the other remains gray. I have tried using class binding in my logic but it's not working. How can I solve this problem and make ...
I am facing an issue when trying to send a contactItem (string element) from my index.html to my JavaScript application using Angular.js through http.post. Every time I attempt to post the contactItem, I encounter the following error: SyntaxError: Unexpec ...
When using bind to change the scope of 'this', it allows me to reference my generateContent function using 'this' within the click function. However, this adjustment causes the this.id to no longer work due to the changed scope. Is the ...
How can I keep the original CSS class when the mouse moves away? function highlight( x, y) { var sel=document.getElementById(y); sel.style.borderBottom= "2px solid "+x; sel.style.opacity="1"; sel.style.transition="all eas ...
This is the project structure I envision. https://i.stack.imgur.com/ocRp9.jpg kareljs folder houses an Electron app, and upon running npm start within that directory, a window appears and executes the run method of karel.js when the button Run Karel is ...
I'm currently working on a React module in my local environment. To link the module, I am using npm link. Although the module is being imported successfully, the hooks inside the module are failing with the following error message: Invalid hook call ...
My current service subscription is making a promise: getTaskData = async() { line 1 let response = this.getTaskSV.getTaskData().toPromise(); line 2 this.loading = false; } I attempted the following approach: it('should load getTaskData', ...
Upon verifying the existence of the name, the program continues to the subsequent query and proceeds with inserting data, which results in an error due to multiple responses being sent. How can I modify it to halt execution after checking if (results.row ...
How can we effectively incorporate a catch statement within a rejectionCallback function of a promise? Is it feasible or advisable to structure the code in this manner? Would the Promise object need to be passed into the rejection function in such a scena ...
I am looking to create a unique data visualization that resembles floating bubbles with text inside each bubble. Currently, I have a prototype using mock data available here: JSfiddle // Here lies the code snippet // ... However, my current challenge li ...
I am currently working on writing some ExtJS 4 script and have come across the following code: var companyStoreModel = Ext.create('Ext.data.Store', { model: 'CompanyDataModel', proxy: { type: 'ajax&apos ...
I recently discovered a chart library called Chartkick for Vue projects. If you're interested, you can check it out here: In my project, I have data passed as props to a component. However, I encountered an issue where the prop couldn't be acces ...
I have been implementing GridStack.JS in the code snippet below (Basic Structure) <div class="grid grid-stack"> <div class="grid-item cards grid-stack-item" data-gs-width="4" data-gs-height="2"> <div class="inner-grid"> </div& ...
Obtaining information is possible with Bootstrap 3, yet I am struggling to understand how to implement it with Bootstrap 4. ...
I'm struggling with implementing a jQuery function to achieve the following: When a list item is clicked, it should add a 'select' class and remove any other selected list items The selected list item's data value should be set as ...