transfer data from local array to global variable

Question

transfer data from local array to global variable

Need help with returning array values using console.log(array);, currently it's displaying empty value []. Any tips or suggestions would be greatly appreciated.

var array = [];
var maxLength = 3;
var delay = 250; //Shortened the delay
var ticker = {}; //Using this to simulate the ticker object

var looper = setInterval(function() { 
      ticker.BNBBTC = Math.random(); //Populating ticker property with random value

      if (array.length < maxLength) {
         array.push(ticker.BNBBTC);
      } else {
         console.log("Stopping the looper.");
         clearInterval(looper);
         console.log("Here are the contents of array");
         console.log(array);
      }
}, delay);

javascript arrays global-variables local-variables

Answer 1

Answer №1

Below is a method using a callback function

const fn = callback => {
  var array = [];
  var maxLength = 3;
  var delay = 250; //Reduced delay time
  var ticker = {}; 

  var looper = setInterval(function() {
    ticker.BNBBTC = Math.random(); 

    if (array.length < maxLength) {
      array.push(ticker.BNBBTC);
    } else {
      console.log("Stopping the looper.");
      clearInterval(looper);
      console.log("Array contents:");
      callback(array);
    }
  }, delay);
};
fn(result => {
  console.log(result);
})

Alternatively, you can use a Promise

const fn = () => new Promise(resolve => {
  var array = [];
  var maxLength = 3;
  var delay = 250; 
  var ticker = {};

  var looper = setInterval(function() {
    ticker.BNBBTC = Math.random(); 

    if (array.length < maxLength) {
      array.push(ticker.BNBBTC);
    } else {
      console.log("Stopping the looper.");
      clearInterval(looper);
      console.log("Array contents:");
      resolve(array);
    }
  }, delay);
});
fn().then(console.log)

In both methods, there's no need to clutter the global namespace - this should be avoided in modern javascript. The only global variable in both cases is const fn

Answer 2

Below is a method using a callback function

const fn = callback => {
  var array = [];
  var maxLength = 3;
  var delay = 250; //Reduced delay time
  var ticker = {}; 

  var looper = setInterval(function() {
    ticker.BNBBTC = Math.random(); 

    if (array.length < maxLength) {
      array.push(ticker.BNBBTC);
    } else {
      console.log("Stopping the looper.");
      clearInterval(looper);
      console.log("Array contents:");
      callback(array);
    }
  }, delay);
};
fn(result => {
  console.log(result);
})

Alternatively, you can use a Promise

const fn = () => new Promise(resolve => {
  var array = [];
  var maxLength = 3;
  var delay = 250; 
  var ticker = {};

  var looper = setInterval(function() {
    ticker.BNBBTC = Math.random(); 

    if (array.length < maxLength) {
      array.push(ticker.BNBBTC);
    } else {
      console.log("Stopping the looper.");
      clearInterval(looper);
      console.log("Array contents:");
      resolve(array);
    }
  }, delay);
});
fn().then(console.log)

In both methods, there's no need to clutter the global namespace - this should be avoided in modern javascript. The only global variable in both cases is const fn

transfer data from local array to global variable

Answer №1

Similar questions

attempting to eliminate on-screen buttons by hovering over the video

I am currently facing an issue with validating forms in JavaScript Document Object Model (DOM)

The Map Function runs through each element of the array only one time

Dealing with Sideways Overflow Using slideDown() and slideUp()

Prevent automatic scrolling to anchors when using router.push() in Next.js

Implementing AJAX requests in jQuery DataTable with ASP.NET MVC

Can we incorporate modulo into the loop?

Is there a way to determine if a browser's network activity is inactive?

I updated the script to include a feature that automatically adds a leading zero to hours, minutes, and seconds if they are less than 10. However, for some reason, the output still doesn't show the leading zero

Difficulty with CasperJS multi-select functionality

Unable to retrieve button value with material-ui package

The Videojs controls are unresponsive to clicks

Hierarchy-based dynamic breadcrumbs incorporating different sections of the webpage

React App with Material UI V1-beta Integration

Real-time functionality is not supported by Firebase functions

SB Admin 2 menu with multiple levels does not collapse as expected

Loop through JSON data using jQuery for parsing

Steps for adjusting the position of this div in relation to the main container

Tips for integrating the AJAX response into a Sumo Select dropdown menu

The input field is failing to capture the final character entered