Performing double string splitting with multiple separators in javascript

Question

Performing double string splitting with multiple separators in javascript

If I have a string like a.b.c.d#.e.f.g.h#.i.j.k.l and want to split it first by "#" and then by ".":

str = a.b.c.d#.e.f.g.h#.i.j.k.l

res = str.split("#")

res[0] will contain a.b.c.d after the first split.
Now, I need to further split this data.

Is there anyone who can provide assistance with this?

javascript arrays split

Answer 1

Answer №1

One effective method to achieve this is by utilizing regex:

    var text = "a.b.c.d#.e.f.g.h#.i.j.k.l";

    var result = str.split(/[.#]/);

Answer 2

One effective method to achieve this is by utilizing regex:

    var text = "a.b.c.d#.e.f.g.h#.i.j.k.l";

    var result = str.split(/[.#]/);

Answer 3

Answer №2

While this post may be dated, I stumbled upon it and believe there could be a more updated solution available. This method offers a cleaner approach to the problem at hand and provides greater flexibility. Utilizing the reduce prototype proves to be quite efficient in handling this task. Furthermore, it can easily be adjusted to generate an object with key/value pairs.

const input = 'a.b.c#.e.f.g#.h.i.j'
const firstDelimiter = '#';
const secondDelimiter = '.';

// Eliminate empty values within sub arrays
const cleanInput = input.replace(/#./g, '#');

// Split by the firstDelimiter
const output = cleanInput.split(firstDelimiter).reduce( (newArr, element, i) => {
  // At this stage, you will have an array like ['a.b.c', 'e.f.g', 'h.i.j']
  // Each element is passed into the callback as the 'element' variable
  let subArr = element.split(secondDelimiter); // split the element by the second delimiter, creating another array like ['a', 'b', 'c'], etc.
  console.log(i, newArr)
  // Accumulator newArr retains its values
  newArr[i] = subArr;

  return newArr;

}, []); // The initial value of the accumulator must be []

console.log('final:', output);

Answer 4

While this post may be dated, I stumbled upon it and believe there could be a more updated solution available. This method offers a cleaner approach to the problem at hand and provides greater flexibility. Utilizing the reduce prototype proves to be quite efficient in handling this task. Furthermore, it can easily be adjusted to generate an object with key/value pairs.

const input = 'a.b.c#.e.f.g#.h.i.j'
const firstDelimiter = '#';
const secondDelimiter = '.';

// Eliminate empty values within sub arrays
const cleanInput = input.replace(/#./g, '#');

// Split by the firstDelimiter
const output = cleanInput.split(firstDelimiter).reduce( (newArr, element, i) => {
  // At this stage, you will have an array like ['a.b.c', 'e.f.g', 'h.i.j']
  // Each element is passed into the callback as the 'element' variable
  let subArr = element.split(secondDelimiter); // split the element by the second delimiter, creating another array like ['a', 'b', 'c'], etc.
  console.log(i, newArr)
  // Accumulator newArr retains its values
  newArr[i] = subArr;

  return newArr;

}, []); // The initial value of the accumulator must be []

console.log('final:', output);

Answer 5

Answer №3

In my opinion, a straightforward way to divide a string using character a followed by character b is like this:

string.split('a').join('b').split('b')

Answer 6

In my opinion, a straightforward way to divide a string using character a followed by character b is like this:

string.split('a').join('b').split('b')

Answer 7

Answer №4

To achieve the desired outcome of splitting a string by '#' and then further splitting each item by '.', follow the steps below:

Given Input:'a.b.c.d#.e.f.g.h#.i.j.k'

Expected Output:[ a b c d e f g h i j k]

var str = 'a.b.c.d#.e.f.g.h#.i.j.k.l';
        var resultArray = [];
        var splitByHash = str.split('#');
        for (var i = 0; i < splitByHash.length; i++) {
            var subSplit = splitByHash[i].split('.');
            for (var j = 0; j < subSplit.length; j++) {
                resultArray.push(subSplit[j]);
            }
        }
        alert(resultArray);

Answer 8

To achieve the desired outcome of splitting a string by '#' and then further splitting each item by '.', follow the steps below:

Given Input:'a.b.c.d#.e.f.g.h#.i.j.k'

Expected Output:[ a b c d e f g h i j k]

var str = 'a.b.c.d#.e.f.g.h#.i.j.k.l';
        var resultArray = [];
        var splitByHash = str.split('#');
        for (var i = 0; i < splitByHash.length; i++) {
            var subSplit = splitByHash[i].split('.');
            for (var j = 0; j < subSplit.length; j++) {
                resultArray.push(subSplit[j]);
            }
        }
        alert(resultArray);

Answer 9

Answer №5

Check out this custom function I created to separate elements in an array:

function separateArray(arr, separator) {
    let resultArr = [];
    for(let i = 0; i < arr.length; i++) {
        arr[i] = arr[i].split(separator);
        arr[i].forEach(item => {
            resultArr.push(item);
        });
    };
        return resultArr;
};

You can use it in your scenario like so:

string = "a.b.c.d#.e.f.g.h#.i.j.k.l";
console.log( separateArray (string.split ("#"), "." ) );

Answer 10

Check out this custom function I created to separate elements in an array:

function separateArray(arr, separator) {
    let resultArr = [];
    for(let i = 0; i < arr.length; i++) {
        arr[i] = arr[i].split(separator);
        arr[i].forEach(item => {
            resultArr.push(item);
        });
    };
        return resultArr;
};

You can use it in your scenario like so:

string = "a.b.c.d#.e.f.g.h#.i.j.k.l";
console.log( separateArray (string.split ("#"), "." ) );

Answer 11

Answer №6

To divide a string using multiple separators, you can utilize regular expressions:

str.split(/SEP_1|SEP_2|SEP_N/);

Ensure that SEP does not include any special characters used in regex, if it does, remember to precede them with '\'

Answer 12

To divide a string using multiple separators, you can utilize regular expressions:

str.split(/SEP_1|SEP_2|SEP_N/);

Ensure that SEP does not include any special characters used in regex, if it does, remember to precede them with '\'

Answer 13

Answer №7

If you need to split a string in JavaScript, you can utilize a function similar to PHP's explode.

//   example 1: explode(' ', 'Kevin van Zonneveld');
//   returns 1: {0: 'Kevin', 1: 'van', 2: 'Zonneveld'}

function explode(delimiter, string, limit) {
  //  discuss at: http://phpjs.org/functions/explode/
  // original by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)

  if (arguments.length < 2 || typeof delimiter === 'undefined' || typeof string === 'undefined') return null;
  if (delimiter === '' || delimiter === false || delimiter === null) return false;
  if (typeof delimiter === 'function' || typeof delimiter === 'object' || typeof string === 'function' || typeof string ===
    'object') {
    return {
      0: ''
    };
  }
  if (delimiter === true) delimiter = '1';

  // Here we go...
  delimiter += '';
  string += '';

  var s = string.split(delimiter);

  if (typeof limit === 'undefined') return s;

  // Support for limit
  if (limit === 0) limit = 1;

  // Positive limit
  if (limit > 0) {
    if (limit >= s.length) return s;
    return s.slice(0, limit - 1)
      .concat([s.slice(limit - 1)
        .join(delimiter)
      ]);
  }

  // Negative limit
  if (-limit >= s.length) return [];

  s.splice(s.length + limit);
  return s;
}

Discover more useful functions at

Answer 14

If you need to split a string in JavaScript, you can utilize a function similar to PHP's explode.

//   example 1: explode(' ', 'Kevin van Zonneveld');
//   returns 1: {0: 'Kevin', 1: 'van', 2: 'Zonneveld'}

function explode(delimiter, string, limit) {
  //  discuss at: http://phpjs.org/functions/explode/
  // original by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)

  if (arguments.length < 2 || typeof delimiter === 'undefined' || typeof string === 'undefined') return null;
  if (delimiter === '' || delimiter === false || delimiter === null) return false;
  if (typeof delimiter === 'function' || typeof delimiter === 'object' || typeof string === 'function' || typeof string ===
    'object') {
    return {
      0: ''
    };
  }
  if (delimiter === true) delimiter = '1';

  // Here we go...
  delimiter += '';
  string += '';

  var s = string.split(delimiter);

  if (typeof limit === 'undefined') return s;

  // Support for limit
  if (limit === 0) limit = 1;

  // Positive limit
  if (limit > 0) {
    if (limit >= s.length) return s;
    return s.slice(0, limit - 1)
      .concat([s.slice(limit - 1)
        .join(delimiter)
      ]);
  }

  // Negative limit
  if (-limit >= s.length) return [];

  s.splice(s.length + limit);
  return s;
}

Discover more useful functions at

Performing double string splitting with multiple separators in javascript

Answer №1

Answer №2

Answer №3

Answer №4

Answer №5

Answer №6

Answer №7

Similar questions

The implementation of CORS headers does not appear to function properly across Chrome, Firefox, and mobile browsers

Trouble with jQuery addClass function when trying to add to a specific object variable

Discovering ways to access deeply nested JSON data in Vue JS

Spread the picture on social media using Progressive Web App

Crafting redirect rules in React that avoid redirecting to the same route

Is there a way to effectively communicate and pass state information between sibling components in React?

Using the html5 file reader API in JavaScript to retrieve a file as a binary string and then sending it through an ajax request

Tips for combining or adding duplicated values in a Javascript array

What are the steps to start a project on a personal computer?

Efficiently parsing function arguments from arrays of known length in C++ using simdjson

Tips for creating a responsive layout to ensure that H2 achieves its optimal font size in a one-line DIV

Retrieving properties from a selector's output function

I need to fetch data from mongoDB by allowing the user to input a name into a search field, and then retrieve all documents that correspond to that search term

The issue of duplicated elements arises when Ajax is utilized within Django

A custom JavaScript function designed to replicate Excel's functionality of dividing numbers by thousands

steps for linking a directive variable to a controller

Unable to load the node modules

Steps for wrapping a class with a higher order component

Scrolling with React Event

Unable to connect to server using React-Native fetch. Localhost is not being used