Increase the index value for retrieving property names in JavaScript

Using this array-like object, I am attempting to obtain the index for each property. However, I am encountering an issue when trying to output the result by logging the object. Can you help me identify what I am doing wrong?

// Array-like object
var pickedCards = { 0: 'a', 1: 'b', 2: 'c' };

Object.getOwnPropertyNames(pickedCards).forEach(function(val) {
  val++;
  return pickedCards[val];
});

console.log(pickedCards);

Answer №1

Give this a shot:

let selectedCards = { 0: 'apple', 1: 'banana', 2: 'cherry' }, changedCards = {};

for(let key in selectedCards){
  changedCards[+key + 1] = selectedCards[key]
}

document.write(JSON.stringify(changedCards))

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

Bidirectional data-binding with strings that are separated by commas

Here is the object I am working with: const [opportunity, setOpportunity] = useState({ name: '', description: '', experience: '', }); I need to store multiple experiences in the opportunity object's experienc ...

Compiling with Gulp Browserify may have longer processing times after each save or change

I have been working on improving the speed of my Gulp workflow by using Browserify. The approach I am taking is heavily influenced by this informative blog post: Initially, everything seems to be functioning well with changes reflecting quickly (around 50 ...

Getting the checked values from an AngularJS Material checkbox

<md-checkbox ng-repeat="program in ctrl.programs" ng-model="ctrl.programsSelected[program.id]"> {{program.name}} </md-checkbox> Checked Items: {{ctrl.programsSelected | json}} Current Output: Checked Items: [null,true,true,true,null,true, ...

There was an error caught: the object is not a function, specifically the button inside a form

Here is a snippet of code from my jsp page: <form name="programarRutasForm" method="post" action="/SGT_Galp_web/programarRutas.do"> <table> <tr> <td> <input type="button" name="insereVuelta" ...

The button labeled "modify layout" remains unresponsive when activated

Allow me to start by saying that I am not a coding expert. Currently, I am enrolled in a computer science class and have a basic understanding of HTML, CSS, and some Javascript. However, I have encountered a problem that I cannot solve. When I click on th ...

The dimensions of the sprites within Three.js geometry

I am interested in creating an animation of sprites moving along a figure, particularly sprites that walk along the figure. An example of what I envision can be seen here: http://armsglobe.chromeexperiments.com/ I found some helpful information related t ...

Ways to retrieve the marginLeft of an element set with absolute positioning?

Currently, I am attempting to display an information box when hovering over an element with the mouse. The issue I am facing is that the element moves, and I need to determine its left margin. However, the element does not have a margin-left property in ...

Issue with applying z-index property to an element using jQuery .css method

When using jQuery to select elements and apply CSS, I have the following code... $(".items div").not(".active").css({"color":"green","background":"red","z-index:":"-9"}); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" ...

Updating elements in an array based on a specified threshold value, all done without the use of conditional if statements in Javascript

I am exploring ways to efficiently solve this particular problem. Within my dataset is an extensive array of integers: [170,158,147,139,134,132,133,136,141,.....] I have predetermined threshold values of 132 and 137. My goal is to adjust any numbers in ...

Angular JS causing text alignment issues in table cells when viewed on mobile devices

I have created a web application that requires both desktop and mobile views, utilizing Angular JS. Everything is functioning as expected except for the text alignment within tables. I attempted using <td align="left">, but it did not produce any cha ...

What are some strategies for retrying an Apollo Client query after a failure?

When working with Next.js server-side rendering (SSR), I often encounter a query failure on the first try due to the backend not being fully ready. In such cases, I would like to retry the fetch using ApolloClient. const PREVIEW = { query: MY_PREVIEW_ ...

Contrasting behavior in JavaScript experienced in development versus production environments

I've been working on an application that, when given certain data, generates a diagram using JavaScript in conjunction with the kineticJS framework. During development, everything is smooth sailing, but once deployed to production (Heroku), things st ...

Two entities positioned on opposite extremes

Is there a way to design a div with two elements (text and image) positioned on opposite sides? The length of the text varies as it's a list of months for selection. Ideally, the text should appear on the left side of the div as a "p" element, while t ...

Align the reposition button with the pagination in the datatables

I am looking to adjust the placement of my buttons. The buttons in question are for comparison, saving layout, and printing. I would like them to be inline with the pagination, as I am using datatables here. <table id="sparepart_id" cellspacing="0" ...

Is there any trouble with this controller method?

Every time I use routers without controllers, they work perfectly fine. But the moment I add controllers to them, my routers stop working completely. Can someone please shed some light on what might be causing this issue with my router functions? LOGIN CO ...

What is the reason behind C functions not being able to return an array type?

As someone just beginning to learn C language, I have a question: What is the reason behind the inability of C functions to return an array type? I understand that in C, an array name represents the address of the first value in the array, and that array ...

Acquiring the height of the div

I am trying to achieve a specific layout for my webpage. My goal is to make the background color of the red div match the height of the combined heights of the divs with heights 15.56 + 77.33 + 73.33. <body> <!-- outer div --> <div ...

Load website content in real-time

My website requires dynamic content to be loaded on user interaction. When a user clicks certain elements on the page, information should be retrieved from a file located in the same directory as the webpage and displayed in a designated <div>. My u ...

Using $.get inside of a .click event handler

I'm a bit confused about what's happening with this particular piece of code. I have a button element that in theory should trigger the script below when clicked. When I try it in Chrome, everything seems fine - the button works, but the file isn ...

A guide on using Jest.js to test labels within Vue 3 Quasar components by utilizing a forEach loop

Within my Vue Quasar component, a badge is implemented as shown below: <q-badge :color="green" text-color="white" :label="`${value.toFixed(2)}%`" /> The corresponding script is structured like this: <scri ...