Choose a word at random from a JSON string

Question

Choose a word at random from a JSON string

Utilizing JSONP, I have successfully retrieved a list of words from an external source to randomly select one for use in a game. The current source being used is as follows:

function processResult(obj) {               
    console.log(obj);
    var data = JSON.stringify(obj);
    console.log(data);
}

var script = document.createElement('script');
script.src = 'http://testhangmangame.net76.net?jsonp=processResult';
document.body.appendChild(script);

I am curious about the feasibility and method for extracting a single word from that string. Thank you in advance!

Sample JSON response:

{
    "words": [
        "Finitely",
        "Misleading",
        "Dinning",
        "Energizing",
        "Untruest",
        "Menorah",
        "Ghoulish",
        "Realism",
        "Caliphate",
        "Buttercup",
        "Oratorio",
        "Prefix",
        "Gaming",
        "Preshrunk",
        "Harmed",
        "Loop",
        "Banknote",
        "Doily",
        "Rest of words removed"
    ]
}

This JSON is enclosed within processResult( ... );.

javascript json string

Answer 1

Answer №1

When working with JSONP, the result is automatically converted into a regular JavaScript object, making JSON unnecessary. All you have to do is extract the array from the object and use the common method for selecting a random element.

function handleResult(data) {               
    var items = data.items;
    var random_item =  items[Math.floor(Math.random() * items.length)];
    console.log("Random item selected: "+random_item);
}

Answer 2

When working with JSONP, the result is automatically converted into a regular JavaScript object, making JSON unnecessary. All you have to do is extract the array from the object and use the common method for selecting a random element.

function handleResult(data) {               
    var items = data.items;
    var random_item =  items[Math.floor(Math.random() * items.length)];
    console.log("Random item selected: "+random_item);
}

Answer 3

Answer №2

In the event that the API is properly constructed and the Json response field contains an array:

let array = json['array_field'];
let randomElement = array[Math.floor(Math.random() * array.length)];

If the Json response returns a string, you will need to convert it into an array first:

let stringArray = json['string_field'].split(/\W{1,}/); // Splitting by whitespace
let randomString = stringArray[Math.floor(Math.random() * stringArray.length)];

Answer 4

In the event that the API is properly constructed and the Json response field contains an array:

let array = json['array_field'];
let randomElement = array[Math.floor(Math.random() * array.length)];

If the Json response returns a string, you will need to convert it into an array first:

let stringArray = json['string_field'].split(/\W{1,}/); // Splitting by whitespace
let randomString = stringArray[Math.floor(Math.random() * stringArray.length)];

Choose a word at random from a JSON string

Answer №1

Answer №2

Similar questions

Obtaining the latest state within the existing handler

What is the best way to customize multiple checkboxes in React Native?

Adjust the size of the event bar on the FullCalendar resourceTimeline view

How do I assign a variable to a session in Express.js?

Having trouble extracting parameters from the router listen event in react-router?

Unveiling the Magic Bytes: Extracting the Image File in Multer for Magic Byte Verification in Express.js

Retrieving string-based JSON information

Using Swagger with Next.js

Changing the value of a variable after iterating through an array in JavaScript

On mobile devices, the alignment of text in Bootstrap doesn't appear as intended

Refreshing a Next.js website on-demand using the Django model's save function

Storing information in an array and converting it to JSON using dual nested foreach loops in PHP

Verify the text file for any data, and if it contains any, display it on the web browser using JavaScript

Seeking assistance with producing results

Using jQuery to load data into a combo box from a JSON file

Formik causing malfunction in MUI DatePicker functionality

Although hiding and showing elements in jQuery is quick, the rendering engine is too sluggish

Avoiding mocking a specific module with jest forever

Tips on how to transform an <input type="text"> element into a <tr> element using jquery

Working with Multi-dimensional Arrays in JSON Using Mysql