Get the name of the array using JavaScript

Question

Get the name of the array using JavaScript

Here is an example of my situation:

var list1 = ['apple', 'banana', 'orange'];

var list2 = ['carrot', 'lettuce', 'tomato'];

When I use:

alert(list1) I get: apple, banana, orange. This is correct.

Now, I want to get the name of the array from a different function. In this function, I loop through an array like this:

var allLists = [list1, list2]

for (i = 0; i < allLists.length; i++) {
  alert(allLists[i]);
}

Currently, I see "apple, banana, orange" followed by "carrot, lettuce, tomato" in the alerts. What I actually want is to display the names of the arrays, not their contents. How can I achieve this?

My goal is to have two alerts showing: "list1" and "list2", the names of the arrays.

javascript arrays alert

Answer 1

Answer №1

Store your arrays inside an object:

var obj = {
    first: ['15','30','45'],
    second: ['5','10','15']
}

for (var key in obj) {
  console.log(key); // display the key
}

Alternatively, you can use Object.keys(obj) to get an array of the object's keys.

If you want to display the array contents:

for (var key in obj) {
  console.log(obj[key]); // show the array contents
}

DEMO

Answer 2

Store your arrays inside an object:

var obj = {
    first: ['15','30','45'],
    second: ['5','10','15']
}

for (var key in obj) {
  console.log(key); // display the key
}

Alternatively, you can use Object.keys(obj) to get an array of the object's keys.

If you want to display the array contents:

for (var key in obj) {
  console.log(obj[key]); // show the array contents
}

DEMO

Answer 3

Answer №2

Absolutely, I concur with elad.chen's suggestion. Here is an alternative approach you could consider:

let items = [
    {label:"first",options:['A','B','C']},
    {label:"second",options:['D','E','F']}
];

for(let j=0;j<items.length;j++){
    console.log(items[j].label); 
    console.log(items[j].options); 
}

Answer 4

Absolutely, I concur with elad.chen's suggestion. Here is an alternative approach you could consider:

let items = [
    {label:"first",options:['A','B','C']},
    {label:"second",options:['D','E','F']}
];

for(let j=0;j<items.length;j++){
    console.log(items[j].label); 
    console.log(items[j].options); 
}

Answer 5

Answer №3

To create an "Object Literal," assign the property name as the key and the corresponding array as the value.

For demonstration purposes:

var items = {
"first": [5,6,7],
"second": [5,6,7]
}

for ( var key in items ) {
  alert('Key = ' + key)
  alert('Value = ' + items[key].toString() )
}

Answer 6

To create an "Object Literal," assign the property name as the key and the corresponding array as the value.

For demonstration purposes:

var items = {
"first": [5,6,7],
"second": [5,6,7]
}

for ( var key in items ) {
  alert('Key = ' + key)
  alert('Value = ' + items[key].toString() )
}

Answer 7

Answer №4

It is important to assign a name somewhere in the code. Although JavaScript allows adding properties to objects, this feature can be utilized to assign a name property without impacting the behavior of arrays.

var first = ['12', '24', '36'];
first.name = 'first';
var second = ['10', '20', '30'];
second.name = 'second';
var example = [first, second], index;

for (index in example) {
    document.write(example[index].name + '<br>');
}

Answer 8

It is important to assign a name somewhere in the code. Although JavaScript allows adding properties to objects, this feature can be utilized to assign a name property without impacting the behavior of arrays.

var first = ['12', '24', '36'];
first.name = 'first';
var second = ['10', '20', '30'];
second.name = 'second';
var example = [first, second], index;

for (index in example) {
    document.write(example[index].name + '<br>');
}

Get the name of the array using JavaScript

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

Duplicate multiple "li" elements using jQuery and place them in a designated position within the ul element, rather than at the end

What's the best way to showcase data in a column dynamically depending on its specific columns?

Using jQuery to fetch data asynchronously

Using a combination of Vue.js and AJAX to make requests within a v-for loop, all while

Fetching information with request query parameters in Node.js

Display a collection of objects using Jade / Pug syntax

How do you go about installing the most recent version of a module through Private NPM?

error": "message": "Property 'name' cannot be read because it is undefined

Is there a way for mocha to conduct a recursive search within my `src` directory in order to find a specific

An interactive 3D model emerges against a sleek ebony backdrop on my online platform

Add the item and increase its value within an array using AngularJS

Using JavaScript, adding an element to an array results in the array returning a value of 1

Modify the css of the initial div following a live click

I'm seeking assistance with a frontend script problem. I'm curious if there are alternative approaches to coding this script that may be more effective. Can anyone offer guidance on this?

Experience the power of TypeScript in a serverless environment as you transform your code from

Preserve the JavaScript Promise for later utilization

tips for navigating through an AngularJS $resource instance

Burst forth with unexpected and random elements within an array

Executing Selenium WebDriver to interact with a hidden element

What is the method for obtaining the most up-to-date JSON GET request URL?