Develop a new entity utilizing Array in Javascript

Question

Develop a new entity utilizing Array in Javascript

let DaysArray: any = ["monday", "tuesday", "wednesday", "thursday", "friday", "saturday", "sunday"]

I am looking to transform the above array into an Object structure as shown below:

let DaysObject: any = {
    time: {
        headerName: ""
    },
    monday: {
        headerName: "Monday"
    },
    tuesday: {
        headerName: "Tuesday"
    },
    wednesday: {
        headerName: "Wednesday"
    },
    thursday: {
        headerName: "Thursday"
    },
    friday: {
        headerName: "Friday"
    },
    saturday: {
        headerName: "Saturday"
    },
    sunday: {
        headerName: "Sunday"
    }
};

Can anyone help me with writing a for loop in JavaScript to achieve this transformation? I appreciate any assistance, thank you!

javascript arrays object for-loop typescript

Answer 1

Answer №1

Convert an array to an object in JavaScript using the reduce method: 

var result = ["monday", "tuesday", "wednesday", "thursday", "friday", "saturday", "sunday"].reduce(function (acc, element) { 
     acc[element] = {};
     acc[element].headerName=element;
     return acc;
}, {time: ""});
console.log(result);

You can find more information about the reduce method on MDN.

Example of using reduce to convert an array to an object:

any.reduce(function (acc, element) { 
     acc[element] = {};
     acc[element].headerName=element;
     return acc;
}, {time: ""})

Answer 2

Convert an array to an object in JavaScript using the reduce method: 

var result = ["monday", "tuesday", "wednesday", "thursday", "friday", "saturday", "sunday"].reduce(function (acc, element) { 
     acc[element] = {};
     acc[element].headerName=element;
     return acc;
}, {time: ""});
console.log(result);

You can find more information about the reduce method on MDN.

Example of using reduce to convert an array to an object:

any.reduce(function (acc, element) { 
     acc[element] = {};
     acc[element].headerName=element;
     return acc;
}, {time: ""})

Answer 3

Answer №2

Here is a simple solution for you:

var daysOfWeek = ["monday", "tuesday", "wednesday", "thursday", "friday", "saturday", "sunday"]
var outputObj = { //initialize new object with default value
  time: {
    headerName: ""
  }
};
daysOfWeek.forEach(function(day) { //loop through daysOfWeek array and add key-value pairs to the new object
  outputObj[day] = {
    headerName: capitalizeFirstLetter(day)
  };
});

function capitalizeFirstLetter(string) {
  return string.charAt(0).toUpperCase() + string.slice(1);
}

console.log( outputObj );

Answer 4

Here is a simple solution for you:

var daysOfWeek = ["monday", "tuesday", "wednesday", "thursday", "friday", "saturday", "sunday"]
var outputObj = { //initialize new object with default value
  time: {
    headerName: ""
  }
};
daysOfWeek.forEach(function(day) { //loop through daysOfWeek array and add key-value pairs to the new object
  outputObj[day] = {
    headerName: capitalizeFirstLetter(day)
  };
});

function capitalizeFirstLetter(string) {
  return string.charAt(0).toUpperCase() + string.slice(1);
}

console.log( outputObj );

Answer 5

Answer №3

var weekdays = ["monday", "tuesday", "wednesday", "thursday", "friday", "saturday", "sunday"];

var result = {};
result['time'] ={headername:""};
weekdays.map(function(day){
result[day] = {headername: day};

})
console.log(result)

Answer 6

var weekdays = ["monday", "tuesday", "wednesday", "thursday", "friday", "saturday", "sunday"];

var result = {};
result['time'] ={headername:""};
weekdays.map(function(day){
result[day] = {headername: day};

})
console.log(result)

Answer 7

Answer №4

Implementing a For loop.

function convertArrayToObject(arr) {
  var result = {};
  for (var index = 0; index < arr.length; ++index)
    if (arr[index] !== undefined) result[arr[index]] = {"name":arr[index]};
  console.log(result);
}
convertArrayToObject(["apple", "banana", "cherry", "date", "elderberry"]);

Answer 8

Implementing a For loop.

function convertArrayToObject(arr) {
  var result = {};
  for (var index = 0; index < arr.length; ++index)
    if (arr[index] !== undefined) result[arr[index]] = {"name":arr[index]};
  console.log(result);
}
convertArrayToObject(["apple", "banana", "cherry", "date", "elderberry"]);

Develop a new entity utilizing Array in Javascript

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

Encountered difficulty locating the module path 'stream/promises'

Issue with displaying marker information on Angular Google Maps

Verify if the currentRoute begins with a specific text pattern (such as something/something/*...) in Angular

Why does parsing the GET response fail intermittently with Jquery, ajax, and JSON?

What is the best way to make a select tag read-only before the Ajax request is successful

Images appear as plain text in the preview of VUE 3 (with TypeScript)

AngularJS provides a convenient way to manage content strings

Creating a nx workspace for vanilla JavaScript (Error: module 'typescript' not found) - Step-by-step guide

Applying conditional formatting to NumPy array elements

A Node.js middleware that logs a message just once

Unable to determine the data type of the JSON object during the

What is the reason for having to add my IP to the white-list daily?

VueJS Error: Unable to access the 'className' property of an undefined variable

Learning about the functions Promise.all and Array.map()

The functionality of allowEmpty : true in gulp 4.0 does not seem to be effective when dealing with

What is the best way to merge multiple chunks of arrays into a single array

Sharing environment variables in gulpfile with other JavaScript files outside NODE_ENV

jQuery's Multi-Category Filter feature allows users to filter content

modifying input field with radio button selection in Jquery

What is preventing me from obtaining the select and input values?