Incorporating diverse objects in JavaScript through click events

Question

Incorporating diverse objects in JavaScript through click events

In my Javascript code, I work with two arrays named "array1" and "array2".

Initially, the currentArray is set to array1. However, when the user clicks on a certain button, the currentArray switches to array2, and then back to array1 if clicked again.

This approach allows me to easily access the arrays in my code using pseudocode like:

{currentArray}.getText;
{currentArray}.getText;

I am wondering if it is possible to implement this functionality. If so, how can I achieve it? I am aware that using if statements is one way, but I prefer having the simplicity of just modifying the currentArray variable without scattered if statements throughout the code.

javascript

Answer 1

Answer №1

To switch between arrays in your code, create a new variable named "currentArray" and assign it to the desired array.

var currentArray;

currentArray = array2;

If you have a function that is dependent on a specific global variable:

function foo() {
  // do something
  var x = array1[2];
  // ...
}

Even if you alter the contents of "array1", the function will still reference it. In JavaScript, functions remain fixed and cannot be changed to refer to a different array.

Answer 2

To switch between arrays in your code, create a new variable named "currentArray" and assign it to the desired array.

var currentArray;

currentArray = array2;

If you have a function that is dependent on a specific global variable:

function foo() {
  // do something
  var x = array1[2];
  // ...
}

Even if you alter the contents of "array1", the function will still reference it. In JavaScript, functions remain fixed and cannot be changed to refer to a different array.

Answer 3

Answer №2

Here is what you were looking for.

jsFiddle link

var currentArray,
    arr1 = [1, 2, 3],
    arr2 = [4, 5, 6];

$('button').click(function(e) {
    currentArray = currentArray == arr1 ? arr2 : arr1;
});

Answer 4

Here is what you were looking for.

jsFiddle link

var currentArray,
    arr1 = [1, 2, 3],
    arr2 = [4, 5, 6];

$('button').click(function(e) {
    currentArray = currentArray == arr1 ? arr2 : arr1;
});

Answer 5

Answer №3

If you have an array object in Javascript, feel free to use it to create one. Alternatively, you can utilize any tools that DOM offers.

One way to achieve this is by following this pattern:

var my_array = new Array();
for (var i = 0; i < 10; i++) {
   my_array[i] = source_array[i];
}
var x = my_array[4];

Another method is to simply copy it like this:

my_array = souce_array;

Keep in mind that the second approach will only copy the reference.

Answer 6

If you have an array object in Javascript, feel free to use it to create one. Alternatively, you can utilize any tools that DOM offers.

One way to achieve this is by following this pattern:

var my_array = new Array();
for (var i = 0; i < 10; i++) {
   my_array[i] = source_array[i];
}
var x = my_array[4];

Another method is to simply copy it like this:

my_array = souce_array;

Keep in mind that the second approach will only copy the reference.

Incorporating diverse objects in JavaScript through click events

Answer №1

Answer №2

Answer №3

Similar questions

Button click not functioning to switch the displayed image in Javascript

Jasmine for testing HTTP POST method in a unit test case

Animation of disappearing blocks covering the entire screen

Refresh your jQuery function without the need to reload the entire page

Ways to retrieve the baseURL of an axios instance

How come the array's length is not appearing on the browser screen?

Ways to Increase jQuery Element ID

Continuously receiving unhandled promise rejection errors despite implementing a try-catch block

Retrieving radio button values in React from a different component

Tips for retrieving information from a highstock chart

In the Node environment, why does null evaluate as less than 3 while also being greater than 3?

Let's update the VUE app's development server to point to my-testing-web-address.com instead of the default localhost:

I need help figuring out how to get a horizontal scrollbar positioned at the top of a div to function properly once the content has been loaded using ajax

Requesting PayPal for an HTTPS transaction

Dynamic menu item created using Material UI state management

Partially translucent electron window

Exploring the potential of $scope within $timeout in AngularJS

Tips on creating a literal type that is determined by a specific value within an object

Using jQuery to toggle visibility of various elements without needing specific identifiers

What is the best way to deactivate ng-repeat using a button in AngularJS?