Dividing a string by a specified array element in Javascript

Question

Dividing a string by a specified array element in Javascript

Given a string "asdlfjsahdkljahskl" and an array [1,2,3,1,7,2,1,2], the final output should be a, sd, lfj, s, ahdklja, hs, kl.

I'm able to split the string, but I'm unsure how to compare the string and cut it according to the given array.

Here's the HTML code:

<button onclick="myFunction()">click me</button>
<p id="demo"></p>

JavaScript:

var width = [1,4,2,6,1,1,10,1];

function myFunction() {
    var str = "abcdefghijklmnopqrstuvwxyz";
    var res = str.split("");

    for(var j=0; j.length;j++){
        document.write(width[j]);
    }
    document.getElementById("demo").innerHTML = res;
}

Thank you for your assistance!

javascript arrays

Answer 1

Answer №1

To extract substrings from a string based on predefined lengths, you can use either the JavaScript array's map method or a for loop.

var string = "asdlfjsahdkljahskl",
    array = [1, 2, 3, 1, 7, 2, 1, 2],
    p = 0,
    result = array.map(function (a) {
        return string.slice(p, p += a);
    });

console.log(result);

You can achieve the same outcome with a for loop as well.

var string = "asdlfjsahdkljahskl",
    array = [1, 2, 3, 1, 7, 2, 1, 2],
    p = 0,
    i = 0,
    result = []

for (i = 0; i < array.length; i++) {
    result.push(string.slice(p, p + array[i]));
    p += array[i];
}

console.log(result);

Answer 2

To extract substrings from a string based on predefined lengths, you can use either the JavaScript array's map method or a for loop.

var string = "asdlfjsahdkljahskl",
    array = [1, 2, 3, 1, 7, 2, 1, 2],
    p = 0,
    result = array.map(function (a) {
        return string.slice(p, p += a);
    });

console.log(result);

You can achieve the same outcome with a for loop as well.

var string = "asdlfjsahdkljahskl",
    array = [1, 2, 3, 1, 7, 2, 1, 2],
    p = 0,
    i = 0,
    result = []

for (i = 0; i < array.length; i++) {
    result.push(string.slice(p, p + array[i]));
    p += array[i];
}

console.log(result);

Answer 3

Answer №2

let str = "asdlfjsahdkljahsxkl",
          arr = [1,2,3,1,7,2,1,2];
      function myFunction() {
          arr.forEach(function(idx) {
              let value = str.slice(0, idx);
              console.log(value);
              document.getElementById("display").innerHTML += value+'\n';
              str = str.slice(idx, str.length);
          });
      }

<button onclick="myFunction()">Click Me</button>
            <p id="display"></p>

Answer 4

let str = "asdlfjsahdkljahsxkl",
          arr = [1,2,3,1,7,2,1,2];
      function myFunction() {
          arr.forEach(function(idx) {
              let value = str.slice(0, idx);
              console.log(value);
              document.getElementById("display").innerHTML += value+'\n';
              str = str.slice(idx, str.length);
          });
      }

<button onclick="myFunction()">Click Me</button>
            <p id="display"></p>

Answer 5

Answer №3

If you are looking for an alternative approach to handling strings, consider converting your string into an array and utilizing the .splice() function in the following manner:

let str = "asdlfjsahdkljahskl",
  arr = [1, 2, 3, 1, 7, 2, 1, 2];

function extractValues (str, strLens) {
  str = str.split("");
  strLens.forEach(function (strLen) {
    console.log(str.splice(0, strLen).join(""));
  });
}
extractValues(str, arr);

Answer 6

If you are looking for an alternative approach to handling strings, consider converting your string into an array and utilizing the .splice() function in the following manner:

let str = "asdlfjsahdkljahskl",
  arr = [1, 2, 3, 1, 7, 2, 1, 2];

function extractValues (str, strLens) {
  str = str.split("");
  strLens.forEach(function (strLen) {
    console.log(str.splice(0, strLen).join(""));
  });
}
extractValues(str, arr);

Dividing a string by a specified array element in Javascript

Answer №1

Answer №2

Answer №3

Similar questions

Is it possible for javascript to show the user's current location on a google map without using a KML layer?

Encountering the error message "Failed to load resource: the server responded with a status of 500 (Internal Server Error)" while using Django and Vue on my website

Using jQuery to dynamically insert a table row with JSON data into dropdown menus

Fade background when the youtube video in the iframe begins playing

Issue with jquery's .load() and getScript functions

Is there a way to implement a feature that automatically closes the chatbot when the user clicks outside of it?

Error in returnTo behavior. The URL is being deleted just before making the post request

Obtain the data from the array and incorporate it into the fresh PHP code

I'm currently experiencing a challenge with a project I'm tackling that specifically deals with chart.js

Leveraging Ajax with PlayFramework Results

Utilizing jQuery's .slidedown alongside Prototype's .PeriodicalUpdater: A Comprehensive Guide

How is it possible for a variable of type Object to store a reference to an array in Java?

Switching images with a click using jQuery

Combining two collections in MongoDB and calculating the total number of documents

Unlock the Potential of Spring REST-JWT-JavaScript for Seamless Transitions

Is there a way to retrieve the original JSON string from a GWT JavaScriptObject?

Vuetify's <v-text-field> feature automatically clears the input after selecting a result from Google Maps autocomplete

Animate the jQuery display property to show a table without changing any specified spatial dimensions

Attempting to use jQuery AJAX to submit data without navigating away from the current webpage

I'm unable to locate my test text on the main page of my React web application