As the heading suggests, I am facing an issue with setting an array from a string variable.
/*** ATTEMPT THAT FAILED ***/
var Multi = [];
var test = "[0,1],[1,5],[2,3],[3,10]";
Multi.push(test);
/*** SUCCESSFUL SOLUTION ***/
var Multi = [];
Multi.push([0,1],[1,5],[2,3],[3,10]);
I wonder why it doesn't work when saved as a string? It is crucial for me to make it work in a string format as I will be retrieving these values from another PHP file using AJAX.
Thank you.
To convert your string into a valid JSON format, you can add an opening bracket [ at the beginning and a closing bracket ] at the end. Then, utilize the JSON.parse() function to transform the JSON string into an array. Once you have the array from your string, you can expand the existing Multi array by using Multi.push.apply(Multi, array), as demonstrated below:
var Multi = [];
var test = "[0,1],[1,5],[2,3],[3,10]";
Multi.push.apply(Multi, JSON.parse('[' + test + ']'));
It is worth noting that for a more streamlined approach, ensure that your PHP file generates valid JSON. In doing so, the process remains the same without requiring manual addition of square brackets.
Consider the following options:
Request the server to provide data in YAML format instead of any random format for better organization:
var response = "[[0,1],[1,5],[2,3],[3,10]]"; // YAML string retrieved from a source
Data = YAML.parse(response);
(Explore more about YAML Formatting)
Slice the string into segments based on certain patterns, especially if the input consists of arrays of numbers or well-structured data:
var response = "[0,1],[1,5],[2,3],[3,10]"; // raw string obtained from a source
Data = response.slice(/\s*\]\s*,\s*\[\s*/).map(
function(string) {
return string.slice(/\s*,\s*/).map(convertToInteger);
});
In the event that you are in charge of the AJAX input you are working with, one approach you can take is:
let MultiArray = [],
testData = "0,1|1,5|2,3|3,10",
groupings = testData.split('|');
for (let j = 0; j < groupings.length; j++) {
let tempArr = groupings[j].split(',');
MultiArray.push(tempArr);
}
I have been struggling to prevent my modal box from disappearing, despite trying various solutions found online. How can I ensure that it stays visible? Here is the code in question: <html> <head> <title> Test Slides </titl ...
I have successfully set up my Vue3 application with Tailwind and Ant Design. However, I am facing issues with customizing the Ant Design theme. I have been referring to this guide. When trying to customize the theme, I encountered the following error: Err ...
I have successfully created a folder tree using a list of string paths. Now, I want to take it a step further and make it work with objects instead. var paths = ["About.vue", "Categories/Index.vue", "Categories/Demo.vue", "Categories/Flavors.vue", " ...
When working with a Google Cloud Function, I am logging a simple JSON structure like this: console.info(JSON.stringify({message: 'xxx', data: {status: 200}, status: 200})); However, the log appears in an unreadable format in Stackdriver. How ca ...
I'm having trouble understanding why this first fetch call works perfectly: async function getData() { const res = await fetch('https://jsonplaceholder.typicode.com/todos') return res.json() } export default async function Home() { co ...
How can I properly load a JS file using requirejs? <script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js"></script> Here is my requirejs-config.js file: var config = { paths: { mod ...
In my current Typescript code, I have an object literal structured like this: const MyNamesStrings = { a: { b: "hello", c: "bye" } d: { e: "qwerty" } } However, I am looking for a way to wrap these strings with add ...
The react-bootstrap site provides an example code for forms, but I am struggling to find examples that utilize arrays to drive the options. <Input type="select" label="Multiple Select" multiple> <option value="select">select (multiple)< ...
I am working on a three js scene that includes a 3D model, and I would like to incorporate multiple cameras into the model. In order to distinguish between each of the cameras in the scene, I am looking for a way to label them with numbers, possibly near ...
Despite attempting numerous tutorials, I am still unable to grasp the concept. My project involves MongoDB and Express.js and is structured in the server.js file. const express = require('express'); const subdomain = require('express-subdom ...
Looking to showcase our portfolio in bootstrap using MixItUp v3.1.11 filtering, and attempting to load a specific category (not all projects) upon page load. Patrick Kunka has shared an example of achieving this here. A related question was asked here O ...
Greetings! I am in the process of developing a web application where users can seek assistance for their problems: One challenge I am facing is how to inform users of the time a question was posted in their specific time zones. For instance, if I post a ...
How can I utilize a callback function for uib-tab directives to refresh inner directives after tab rendering? I'm troubleshooting an issue with a third-party directive when used within the uib-tab directive from angular-bootstrap. The specific direct ...
I am currently facing an issue where I can display text directly from the database on a webpage. However, when I edit the text in the database, I want it to automatically reload and show the updated text without having to refresh the entire page. Unfortun ...
I've been trying to retrieve the current time of a running animation, but I haven't had any luck so far. I can easily grab the start time using: myelement.addEventListener('webkitAnimationStart', function (evt){ console.log(evt.elaps ...
How can I efficiently retrieve and display total_record_count, page_number, page_size, total_pages, has_more information in the response while implementing pagination given that I am limiting my query to 100 results? What would be the most effective approa ...
Is it possible to toggle a navbar class based on the body offset being less than -20px using the Waypoints plugin? The current code is not working because the offset values are undefined. How can I retrieve the body offset value using Waypoints? $("body ...
What is the reason behind Express inbuilt middleware using a parenthesis syntax like app.use(express.json()) while custom-made middleware does not use parentheses like app.use(logger)? It seems to throw an error with parentheses. I'm uncertain if th ...
As I develop a website, I have an href tag that looks like this: <a href="Folder1/Sample.pdf" target="_blank">xam study papers</a> This link is meant to open the PDF in a new tab. However, when viewing the website on Google Chrome and Ri ...
I came across a link that looks like this foo.net/index.php?page=15 My goal is to replace any number after page=xxx and retrieve the new number from a variable Currently, my code only replaces 15 with 16 var num = 16, // What if the str = foo.net/index ...