The grouping of values in JavaScript is known as an array

I need assistance in modifying my code to generate dynamic buttons based on array elements instead of objects. Currently, the array I am using contains objects which is causing issues with tracking button status and other computations. Can you help me adjust the code to work with array elements?

var cars = [1,2,3,4,5,6];
$scope.btns = [];
 for (var i = 0; i < cars.length; ++i) {
 if(cars[i]!== 4 && cars[i]!==5)
  {
   $scope.btns.push({label: cars[i]+"/0/0", state: false });
   $scope.btns.push({label: cars[i]+"/0/1", state: false });
  }
}
console.log($scope.btns);

http://jsfiddle.net/kiranmca04/9j79djew/3/

current output:
 [Object { label="1/0/0",  state=false}, Object { label="1/0/1",  state=false}, Object { label="2/0/0",  state=false}, Object { label="2/0/1",  state=false}, Object { label="3/0/0",  state=false}, Object { label="3/0/1",  state=false}, Object { label="6/0/0",  state=false}, Object { label="6/0/1",  state=false}]

Expected:
 [{ label="1/0/0",  state=false}, { label="1/0/1",  state=false}, { label="2/0/0",  state=false}, { label="2/0/1",  state=false}, { label="3/0/0",  state=false}, { label="3/0/1",  state=false}, { label="6/0/0",  state=false}, { label="6/0/1",  state=false}]
javascriptangularjs

Answer №1

Instead of displaying serialized JSON in Dev tools, you can take advantage of its more advanced features. To view the JSON representation of your array, you can utilize 

console.log(JSON.stringify($scope.btns));
. However, this step may not be needed since your array is already structured correctly.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Unable to get jQuery click and hide functions to function properly

Hello, I am currently working on a program where clicking a specific div should hide its own class and display another one. However, the code does not seem to be functioning correctly. Below is my current implementation: $("#one").click(function(){ v ...

javascriptjquery

Customize the Focus event for a third-party page being displayed in an iframe

When an external page loads in an iframe, it automatically gains focus causing the page to scroll to that specific iframe. Is there a method to prevent this automatic focus override? ...

javascriptjqueryiframe

Is there a way I can retrieve a cookie stored in an Express middleware even if the req.cookies object is returning empty?

I am currently working on validating a cookie using the cookie-parser module to verify if the user is authenticated to access restricted routes within my application. My technology stack includes NodeJS and Express for the server, and Sveltekit for the fro ...

javascriptnode.jsexpresscookies

Is there a way to extract specific data from a JSON file and calculate the average in order to generate a line graph using JavaScript

I am working with data in json format and I want to create plots using plotly js. Specifically, I need to generate a plot showing different states by semester. To do this, I first need to filter the data for each state (for example, California), calculate ...

javascriptjsonfilterplotlyaverage

Selecting properties from a GeoJSON object on the fly with Leaflet

I am currently attempting to dynamically modify the displayed property on my leaflet map. Below is the code I have been working with: $("#button_thermal").click(function(){ $.getJSON("physicalProperties.geojson", function(data) { var geojson2 = L.geoJson( ...

javascripthtmlleafletmapping

Language translation API specifically designed to convert text content excluding any HTML formatting

I have a dilemma with translating text content in an HTML file into multiple languages based on user input. To accomplish this, I am utilizing the Microsoft Translator AJAX interface. The structure of my HTML file looks something like this; <h1>< ...

javascripthtmlajaxgoogle-translatemicrosoft-translator

Tips for extracting both the div and entire inner content using JavaScript

I need to retrieve the inner content of a div using JavaScript For example: <div id="content" style="height: 20px; overflow: hidden"> content<br>content<br>content<br> </div> This is my HTML code. I only know the div&apos ...

javascripthtml

NodeJs and the Power of Event Emitters

As a newcomer to Nodejs, I am diving into learning from various code snippets that I have come across on the internet. My current curiosity lies within a basic question regarding a chat application code snippet. Let's take a look at the code snippet ...

angularjsnode.js

Trie-based autocomplete functionality

I am currently creating an auto-completion script and I'm considering utilizing a trie data structure. My main concern is that I want all possible matches to be returned. For instance, when I type in the letter r, I expect to see all entries beginning ...

javascriptalgorithmtrie

Combining multiple pipe collections in a single Gulp task for both CoffeeScript and JavaScript files

I've been working on creating a single scripts task that can handle both .coffee and .js files effectively: Coffee files need to go through coffee(), coffeelint() and coffeelint.reporter() JS files should run through jshint() All files then need to ...

javascriptcoffeescriptnpmgulp

How can the session user object be modified after logging in?

I've encountered a strange issue and I'm puzzled about its origin. In my Next.js app, I make use of the next-auth library to implement the authentication system. Initially, everything seems fine - I can successfully sign in by verifying the cred ...

javascriptnode.jsreactjsnext.jsnext-auth

What is the best way to create an impact?

Need help fixing the parallax effect on this page. I attempted to implement a parallax effect but encountered some issues. Here is the JavaScript code: $objWindow = $(window); $('section[data-type="background"]').each(function(){ var $bgOb ...

javascriptjquerycss

Retrieve the Object from the array if the input value is found within a nested Array of objects

Below is the nested array of objects I am currently working with: let arrayOfElements = [ { "username": "a", "attributes": { roles:["Tenant-Hyd"], groups:["InspectorIP", "InspectorFT"] } }, { ...

javascriptangular

Side-menu elevates slider

Struggling to keep my slider fixed when the side-menu slides in from the left? I've scoured for solutions without luck. Any expert out there willing to lend a hand? Code Snippet: https://jsfiddle.net/nekgunru/2/ ...

javascriptcsssliderposition

Is it the same item in one situation, but a completely different item in another?

I am currently investigating the behavior of objects in JavaScript, particularly when it comes to copying one object onto another. It seems that sometimes they behave as if they are the same object, where modifying one also modifies the other. Many resourc ...

javascriptvue.jsvue-component

A guide on iterating through a JSON object in Vue and Javascript to retrieve keys and values, checking if they are either distinct or null

Looking for a way to iterate through a JSON object that may or may not have properties fields, which can be null or contain various configurations. I need to display it in a code block. Below is the example JSON data: "grade": [ { ...

javascriptjsonvue.jsobjectbootstrap-vue

Retrieve Browser Screen Width and Height using MVC3 Razor in the View

I am facing a challenge on my website where I need to generate a Bitmap dynamically and ensure it is rendered according to the width and height of the browser so that there are no overflow issues on the page. Although I have successfully created an image ...

javascriptjqueryasp.net-mvc-3viewrazor

Minimize the number of axios requests made every time a Vue component is displayed

I am relatively new to Vue, so please bear with me as I may not have all the knowledge in this area. Within one of my child components (Product_Collection.vue), I am making an axios request to retrieve products from my Shopify store using their GraphQL ...

javascriptvue.jsaxiosshopifyvue-component

Why is it necessary to define a property outside the constructor in Typescript, when in Javascript I wouldn't have to do that?

When working with Javascript, creating a class like the one below allows us to avoid declaring and initializing a property named logs outside of the constructor: class Logger { constructor() { this.logs = []; } } However, transitioning to TypeScri ...

javascripttypescriptoop

React: Show input value on button click

I have been working on a React form that displays the entered input value in a controlled input element only after the user hits the submit button, rather than updating it constantly as the user types. Here is my current solution using conditional renderin ...

javascriptreactjsreact-hooks