Adding text in a key value pair object can be easily achieved by specifying the key

Question

Adding text in a key value pair object can be easily achieved by specifying the key

I was able to transform two arrays into a key-value pair object.

firstArray: [] = ['a','b','c','d']
secondArray: [] = [1,2,3,4]

Below is the code used to accomplish this transformation:

let dict = firstArray.map(function(obj, index) {
let mydict = {}
mydict[secondArray[index]] = obj;
return mydict;
});

console.log(dict) 
Output: 
 [{
  "1": "a"
}, {
  "2": "b"
}, {
  "3": "c"
}, {
  "4": "d"
}]

The expected output from this transformation is as follows:

[{
 value: "1", name: "a"
}, {
value:  "2", name: "b"
}, {
value:  "3",name: "c"
}, {
 value: "4", name:"d"
}]

If anyone can provide guidance on how to achieve this desired output, it would be greatly appreciated.

javascript arrays angular typescript

Answer 1

Answer №1

const animals = ['dog','cat','bird','fish'];
const numbers = [5,10,15,20];

const dictionary = animals.map((item, idx) => {
   return {
    value: numbers[idx].toString(),
    name: item
   };     
});
console.log(dictionary);

Answer 2

const animals = ['dog','cat','bird','fish'];
const numbers = [5,10,15,20];

const dictionary = animals.map((item, idx) => {
   return {
    value: numbers[idx].toString(),
    name: item
   };     
});
console.log(dictionary);

Answer 3

Answer №2

I believe it is feasible to achieve this.

let x = ['apple','banana','cherry','date'];
let y = [1,2,3,4];
let newArray = [];
for(let j = 0;j<x.length;j++){
    
    let tempValue = {
        'type' : y[j],
        'label' : x[j]
    }
    newArray.push(tempValue)
}
console.log(newArray);

Given the fixed indices of the data, utilizing them for operations is viable, and alternative looping methods can also be employed.

Answer 4

I believe it is feasible to achieve this.

let x = ['apple','banana','cherry','date'];
let y = [1,2,3,4];
let newArray = [];
for(let j = 0;j<x.length;j++){
    
    let tempValue = {
        'type' : y[j],
        'label' : x[j]
    }
    newArray.push(tempValue)
}
console.log(newArray);

Given the fixed indices of the data, utilizing them for operations is viable, and alternative looping methods can also be employed.

Answer 5

Answer №3

Here is a code snippet that demonstrates how you can map two arrays together:

const firstArray = ['apple', 'banana', 'cherry'];
const secondArray = [10, 20, 30];

const result = firstArray.map((fruit, index) => ({
  name: fruit,
  quantity: secondArray[index].toString()
}))

console.log(result)

Answer 6

Here is a code snippet that demonstrates how you can map two arrays together:

const firstArray = ['apple', 'banana', 'cherry'];
const secondArray = [10, 20, 30];

const result = firstArray.map((fruit, index) => ({
  name: fruit,
  quantity: secondArray[index].toString()
}))

console.log(result)

Adding text in a key value pair object can be easily achieved by specifying the key

Answer №1

Answer №2

Answer №3

Similar questions

Create a hierarchical dictionary structure by nesting dictionaries containing child elements from an array

Retrieving data from Firebase in an asynchronous manner

Steps for eliminating an item from an array in MongoDB

The overall outcome determined by the score in JavaScript

Searching for NavigationEnd events specifically in Angular 12?

Implementing a Searchable Autocomplete Feature within a Popover Component

Using Typescript to define classes without a constructor function

define a function with default arguments and a callback

Having trouble implementing the latest Angular Library release

Removing White Spaces in a String Using JavaScript Manually

Why is Angular ng-block-ui not functioning properly in Angular 7?

Encountering error TS2307 while using gulp-typescript with requirejs and configuring multiple path aliases and packages

Concerns with combining key value pairs in Typescript Enums

What is preventing this PHP script from functioning properly with Google Maps?

Scraping a few URLs with Javascript for Web Data Extraction

What is the best way to determine the midpoint index of an array?

Tips for inserting a DIV and SCRIPT from a single HTML template into a webpage

Run a script tag prior to displaying the modal

Retrieving data from AJAX requests

Issue: Failed to access the 'setDir' property of an undefined object