Can array values be transformed into property names for an object in a single line?
For example:
var arr = ['name', 'age', 'size'];
To achieve:
{'name' :null, 'age':null, 'size':null}
Currently, the process involves:
var arr = ['name', 'age', 'size'];
let obj = {};
arr.map(z => obj[z] = null);
This method seems to be the shortest but certainty is in question.
Implement the use of reduce:
arr.reduce((prev, curr) => {
return Object.assign(prev, {[curr]: null})
}, {})
Alternatively, you can condense it into a single line if desired, but personally, I find it less readable than:
arr.reduce((prev, curr) => Object.assign(prev, {[curr]: null}), {})
Keep in mind that utilizing Object.assign is a more optimal approach compared to employing the spread operator ({... }).
The spread operator generates a NEW object in each iteration, potentially causing significant performance drawbacks.
On the contrary, Object.assign operates on the initial object.
Transform can simplify this to a single line of code:
let result = array.reduce((accumulator, current) => ({...accumulator, [current]: null}), {})
To transform an array into a different type, you can utilize the Array.prototype.reduce method.
var fruits = ["apple", "banana", "orange"];
let output = fruits.reduce((result, item) => {
return {...result, [item]: null}
}, {})
console.log(output);Has anyone encountered issues with dynamically disabling a button? I noticed that my API delays for 2 seconds to mimic a slow connection. I expected the submit button to be disabled upon submission and then re-enable itself. In HTML, manually disabling t ...
Exploring the world of Polymer, I am eager to tackle the following scenario... I have a binding variable called {{readonly}} that sends data from a parent Dom-HTML to a child Dom-HTML in my Polymer project. The code excerpt looks something like this... C ...
I have a .txt file with the following content... City- Paris Colour- Blue Food- Croissant Language- French Rating- 5 stars I am trying to separate the text before the hyphen or whitespace into one array and the text after into another array. My current ...
I am in the midst of designing a webpage with a main div that is 1000px by 1000px. Within this main div, there is a horizontal bar located at the top, divided into four sections - each occupying 1/4 of the space. In the center of each section, there is tex ...
I am a beginner in using three.js and have encountered an issue with rotating a camera object. The rotation property has x, y, z values which I am curious about. I understand that the x, y, z values represent the radians of Object Euler angles, but accor ...
I'm struggling to understand the difference between Angular JS deferred and $q. I recently came across this SO Question that delves into the variance between $q.defer() and $q. According to the post: $q.reject serves as a quick way to create a defe ...
This question pertains to best practices, but I do believe there is a definitive answer. I have a directive that offers six customizable options. Should I assign each option to a separate attribute on the directive (as shown below): <my-directive my ...
Currently, I am using the Collada loader in Three.js r65 to load my 3D object. Upon loading, I apply a texture to all parts of the model using the following code snippet. var loader = new THREE.ColladaLoader(); loader.options.convertUpAxis = true; loader ...
I am facing an issue while attempting to insert job form data with file uploading and validation in PHP CodeIgniter via AJAX. The code I am using is provided below, but unfortunately, it's not functioning as expected. Can anyone help me figure out how ...
Transitioning from a different framework and switching from JavaScript to Angular & TypeScript has left me feeling confused about how to efficiently share data/values between components. ...
Displayed below is the view modal where an ajax response is obtained and loaded into the observable value. var userManagementVM = { responseSetUpData: ko.observable({ userList: ko.observable(), userListViewModel: ko.observableArray(), ...
In my Mongoose schema, I have defined the following: // validator function var validateArrayWithAtLeastFiveElements = function (array) { return (array !== undefined && array.length >= 5); }; var orderSchema = new Schema({ user: { ...
I am facing an issue with my parent component that has 3 buttons and 3 children components. Each button is supposed to open a specific child component, but currently all the buttons are opening the same child component when clicked. The children components ...
One dilemma I encountered was passing an array from PHP to JavaScript using json_encode and ajax. The only method that seemed available was to use echo json_encode($var) This approach printed out the contents of $var on the page due to the echo statement ...
When attempting to instantiate Typescript objects from JSON data received over HTTP, I began considering using the for..in loop along with .hasOwnProperty(): class User { private name: string; private age: number; constructor(data: JSON) { ...
Here is a sample array. I need to remove the words row-? from the className property. [ { type: "text", name: "text-1632646960432-0", satir: "1", className: "form-control col-lg-3 row-1" }, { ...
Currently, I am in the process of learning D3 and my initial attempt involves showcasing a graph where I manually hard-code the json data. To demonstrate this, I have put together a JSFiddle which you can view here: http://jsfiddle.net/Nu95q/1/ The JSFid ...
When attempting to find a nested element's existence and get a timestamp greater than a certain value, I'm encountering an issue: db.stats.find( { $and: [ { 'data.Statistics': {$exists: true} },{ timestamp: {$gte: 1} } ] } Although ...
I am facing an issue with validating a form using JavaScript and XMLHttpRequest. The onload function is supposed to display an alert, but it only works sometimes. I'm struggling to identify my mistake. document.getElementById("button").addEventListen ...
I need help with this code. I'm trying to return the budget from callbacks in the main function. How can I return a value from the main function? // This method returns the current budget of the user getCurrentBudget: function (req) { var reqTok ...