Trouble with the JavaScript split function

I am trying to split the data in a specific way.

Given a string value like this

 var str = "[:en]tomato[:ml]തക്കാളി[:]";

I am aiming for the following output:

 tomato,തക്കാളി.

I attempted to achieve this using the code snippet below:

 var res = str.split("[:en]");
  console.log("values",res)

However, the values are not splitting as expected.

The current output is:

[:en]tomato[:ml]തക്കാളി[:]

Answer №1

Check out this piece of code:

var str = "[:en]apple[:fr]pomme[:]";    

str.split(/\[[:\w\s\d]*\]/).filter(function(item){
    if(item != "") 
        return item;
});

//["apple", "pomme"]

Answer №2

The functionality is performing as anticipated, illustrated through the example below.

Upon splitting the string by ',' the resulting output will be:

let str = ",1,2,3";
let res = str.split(",");
console.log(res)


["", "1", "2", "3"]

Similarly, when attempting to split using [:en], it separates into two distinct parts.

Answer №3

You need to split the string correctly. The correct delimiter for splitting is "[:ml]". Make sure to remove the other two strings at the beginning and end before splitting:

var str = "[:en]tomato[:ml]തക്കാളി[:]";
var str = str.replace('[:en]','');
var str = str.replace('[:]','');
var res = str.split("[:ml]");
console.log("values",res)

Answer №4

Learn how to use the Regexp split function by checking out this resource:

Here is an example of using the Regexp split function in JavaScript:
var str = "[:en]tomato[:ml]തക്കാളി[:]";
var res = str.split(/\[:[a-z]*\]/);
alert(res)

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Enables tagging without the need to manually input tags using an Angular form

I'm working on an angular form that is used to create an object with tags: <form class="form-horizontal" ng-submit="createBeacon(beaconData)"> <div class="form-group"> <label>Tags</label> <div id="tags-list" data-curre ...

Sending parameters dynamically in AJAX chosen

I am completely new to the world of Jquery and need some help. Here are the codes I currently have: $target.ajaxChosen({ type: 'GET', url: '<s:url action="getFilterValueJSON" namespace="/cMIS/timetable"></s:url> ...

Submit your Alpaca info without leaving this page!

Currently, I am in the process of constructing a form using PHP and ALPCA, which involves jquery and ajax. However, I seem to be encountering some difficulty when it comes to file submission while staying on the same page. Despite attempting various recomm ...

Navigate to the specified location using AJAX

When I update a comment using AJAX, I want to automatically scroll down to the updated comment: $("#aggiorna").click(function(){ var value = $("#id").val(); var dato = $("#comment_edit").val(); var dato1 = $("#user_id").val(); var dato2 = ...

Container struggling to contain overflowing grid content items

While creating a grid in nextjs and CSS, I encountered an issue. Whenever I use the following code: display: grid; The items overflow beyond the container, even though I have set a maximum width. Instead of flowing over to the next row, the items just kee ...

What is the best way to execute a JavaScript file with npm scripts?

Trying to use npm but encountering some issues. In my package.json file, I have: "scripts": { "build": "build.js" } There is a build.js file in the same folder that simply console.logs. However, when I execute npm run build I receive the error messag ...

Invert the motion within a photo carousel

Is there anyone who can assist me with creating a unique photo slider using HTML, CSS, and JS? Currently, it includes various elements such as navigation arrows, dots, and an autoplay function. The timer is reset whenever the arrows or dots are clicked. Ev ...

Unlocking Extended Functionality in JQuery Plugins

At the moment, I am utilizing a JQuery Plugin known as Raty, among others. This particular plugin typically operates as follows: (function($){ $.fn.raty = function(settings, url){ // Default operations // Functions ...

Failure to properly format the correct regular expression match in JSON using JavaScript

Issue with Regular Expressions: I am currently using regex to extract information from a text file and convert it into a JSON document. The data is being extracted from console logs. The problem lies in the condition (regex_1_match && regex_2_mat ...

Video tag with centered image

For a current project, I am in need of rendering a centered image (a play button) at runtime on top of a video based on the UserAgent. If the userAgent is not Firefox, I want to display the image as Firefox has its own playEvent and button on top of the vi ...

A technique for simultaneously replacing two values in a single call to the replace function

Is there a way to replace two or more instances at once with a single replace call? I have not attempted anything yet, as I am unsure of how to proceed. let links = { _init: "https://%s.website.com/get/%s", } Here, you can see that I have a link wi ...

Utilizing multiple page objects within a single method in Cypress JS

I have been grappling with the concept of utilizing multiple page objects within a single method. I haven't been able to come up with a suitable approach for implementing this logic. For instance, consider the following methods in my page object named ...

Using ReactJS to dynamically change styles based on state variables can sometimes cause CSS

Currently delving into the world of React. Learning about states/props and the art of dynamically altering elements. I've set up the component states like this: constructor(props) { super(props); this.modifyStyle = this.modifyStyle.bind(thi ...

What is the best method for verifying that audio has not been loaded correctly?

After creating a script to scrape for mp3 audio file URLs and load them into my HTML audio element's src, I encountered an issue where some of the URLs were not functioning properly. As a result, the audio was unable to execute the load() method since ...

Instructions for using jQuery to replace the final <a> tag within a specific section

Here is a section that I am working with: <section class="breadCrumb"> <a href="/">Home</a> <span class="divider">&gt;</span> <a class="CMSBreadCrumbsLink" href="/SCCU.Stg/Events-Calendar.aspx">Events Calendar ...

Functionality of setExtremes ceases to function post initial loading

Initially, the setExtremes function works fine for the chart. However, when I switch pages or reopen the chart with a new JSON file, the setExtremes function stops working and fails to update the min and max values. Any idea why this could be happening? yA ...

When utilizing AJAX within a for loop, the array position may not return the correct values, even though the closure effectively binds the scope of the current value position

Is this question a duplicate of [AJAX call in for loop won't return values to correct array positions? I am following the solution by Plynx. The issue I'm facing is that the closure fails to iterate through all elements in the loop, although the ...

Exploring the best practices for organizing logic within Node.js Express routes

I'm currently utilizing the https://github.com/diegohaz/rest/ boilerplate, but I am unsure about the best practice for implementing logic such as QR code generation and additional validation. My initial thought was to include validation and password ...

What is the process of resetting dropdown option values?

Recently, I have encountered an issue with a customized dropdown list in MVC4. I am populating data using AJAX and it is working fine, but the problem arises when the data is not cleared after successfully sending it to the controller. Here's an examp ...

Will a JavaScript source map file continue to function properly even after the source code file has been minified?

My experience I specialize in utilizing TypeScript and Visual Studio to transform highly organized code into functional JavaScript. My skills involve configuring the project and Visual Studio to perform various tasks: Merging multiple compiled JavaScrip ...