Extracting JSON data and assigning it to a variable in JavaScript

Question

Extracting JSON data and assigning it to a variable in JavaScript

I'm facing an issue dealing with a JSON array. I have a name that provides me with the following formatted code:

nanorep.floatingWidget.$refs.core.conversationSession.entries
    (11) [a, a, a, a, a, a, a, a, a, a, a]
    0:a {id: 2, articleId: "1156688772", type: 2, html: "<div id="DIV_1" style="box-sizing:border-box;color…ionUI.enableUserInput()    }</script></div></div>", text: "Fyll ut feltene under for å starte en chat: Alle f…tionSession.conversationUI.enableUserInput()    }"}
    1:a {id: 3, type: 5, date: 1529495789458, html: "", text: ""}
    ...

Do you know how to extract the text from `nanorep.floatingWidget.$refs.core.conversationSession.entries[2].text` up to `nanorep.floatingWidget.$refs.core.conversationSession.entries[12].text`? Additionally, I need to handle scenarios where the length of the array varies. Sometimes there will be 10 or even 2 data blocks present. I want to create a variable containing all the text from `nanorep.floatingWidget.$refs.core.conversationSession.entries[all lengths].text`, in plain text format with spaces between them.

I attempted this approach since I have intermediate knowledge in Javascript and JSON. Here's my code snippet, any improvements would be appreciated:

var i=2;
var history = nanorep.floatingWidget.$refs.core.conversationSession.entries.length;
while (i<history) {
    printObject(nanorep.floatingWidget.$refs.core.conversationSession.entries[i].text);
}

After solving one problem, I encountered another challenge—converting dots to new lines. The converted string appeared as follows:

jeg vil si opp avtalen min med fjellinjen hvordan gjør det,Husk å ta brikken ut av bilen [...] 
hvordan får jeg tilbake depositumet på bombrikken,Du får tilbake depositumet når [...]

My issue lies in converting dots to new lines using:

chatHistory2 = historyText.toString();

chatHistory = chatHistory2.replace(/./gi, /<br>/); and

chatHistory = chatHistory2.replace(/./gi, /\n/);

I haven't been successful with these attempts. How can I correctly make each dot result in a new line?

javascript arrays json

Answer 1

Answer №1

If you want to extract a specific range of values from an array and then loop through them, you can use the following methods:

Use Array#slice to slice the array,
Utilize Array#forEach for iterating over the sliced array,
Implement destructuring assignment to assign variables as property values.

var array = nanorep.floatingWidget.$refs.core.conversationSession.entries;

array
    .slice(2, 12)
    .forEach(({ text }) => {
        console.log(text);
    });

To extract the desired property values, you can map the result using text.

var array = nanorep.floatingWidget.$refs.core.conversationSession.entries,
    chatHistory = array.slice(2, 12).map(({ text }) => text);

Answer 2

If you want to extract a specific range of values from an array and then loop through them, you can use the following methods:

Use Array#slice to slice the array,
Utilize Array#forEach for iterating over the sliced array,
Implement destructuring assignment to assign variables as property values.

var array = nanorep.floatingWidget.$refs.core.conversationSession.entries;

array
    .slice(2, 12)
    .forEach(({ text }) => {
        console.log(text);
    });

To extract the desired property values, you can map the result using text.

var array = nanorep.floatingWidget.$refs.core.conversationSession.entries,
    chatHistory = array.slice(2, 12).map(({ text }) => text);

Extracting JSON data and assigning it to a variable in JavaScript

Answer №1

Similar questions

5 Steps to Share Your Local Server with the World

Executing a DELETE request in EJS with the help of Mongoose

Creating a structure that contains a dynamic array of nested structures

What is the process for sending a JSON request?

Troubleshooting: Angular 2 property binding animations not functioning as expected

Ways to automatically style the child divs within a parent div

Tips for generating multiple HTML hyperlinks using a for loop in a Chrome extension

Displaying outcomes solely based on JSON upon choosing a filter

Resolving Nested Array Structure

"Uh-oh! Encountered a new unexpected runtime error. Can't seem

Manipulating dynamic elements using jQuery

Lazy loading a React grid gallery as you scroll

Error while retrieving reference from mongoDB in NodeJS

The React Native app mysteriously crashes repeatedly without generating any error logs when using the same component multiple

Decoding JSON in Golang with specified field names

Leveraging form.errors.as_json for enhanced parsing to generate HTTP responses in Django

Is there a way to customize the color of the like button?

Navigate using the confirmation box with a selection of "yes" or "no

Vue component not receiving the updated prop value from parent component

Sorting array encountered an error