I need help converting an object into an array using pure javascript.
Here is the object I want to convert:
[{"itemCode":"Mob-mtr"},{"itemCode":"640-chr"}]
This is how I want the array to look like:
["Mob-mtr","640-chr","541-mtr"]
I've attempted this code so far:
var arr = Object.keys(obj).map(function (key) {return obj[key]});
But I haven't had any success. Are there any other methods that I can use to convert this object into an array?
To retrieve the return value, you can directly access the property.
const items = [{ "itemCode": "Mob-mtr" }, { "itemCode": "640-chr" }],
result = items.map((item) => item.itemCode);
document.write('<pre>' + JSON.stringify(result, 0, 4) + '</pre>');let info = [{"itemCode":"Mob-mtr"},{"itemCode":"640-chr"}];
let items=[];
//retrieve all objects in the info array.
info.forEach(function(object){
//access and push all properties of each object into an items array.
Object.keys(object).forEach(function(property){
items.push(object[property]);
});
});
console.log(items);
This response is quite satisfactory, but it might come in handy when dealing with non-uniform or unpredictable properties.
const initialArray = [
{"itemCode": "Mob-mtr"},
{"itemCode": "640-chr"},
{"itemCode": "541-mtr"}
];
const updatedArray = [];
initialArray.forEach(function(item) {
updatedArray.push(item['itemCode']);
});
document.write(updatedArray);Despite trying all three methods, I keep getting an error regarding cross domain access denied. Previously, I had successfully used YQL in different parts of my applications, but now it seems to have stopped working as well. JSFIDDLE <script> $(fun ...
Having no prior experience with node, I decided to delve into the Express project in VS2019. My goal was to create master/detail pages with a MongoDB data source. In my pursuit, I configured three routes in /routes/index.js. //The following route works as ...
I am currently utilizing the node module xml2js. The format of my xml file looks like this: <?xml version="1.0" encoding="UTF-8" ?> <?xml-stylesheet type="text/xsl"?> <?xml-stylesheet type="text/css" media="screen" href="some url" ?> ...
I am a newcomer to GCP and app development, so please bear with me if this question seems mundane. Currently, I have an angular-ionic app that is connected to Firebase allowing me to interact with the Firestore database. Now, my challenge is to invoke a ht ...
I am having trouble extending the joi class with custom operators. My goal is to validate MongoDB Ids, but when I try to use the extended object, I encounter the following error: error: uncaughtException: JoiObj.string(...).objectId is not a function TypeE ...
After attempting to create a method using a custom react hook to streamline state logic across multiple components, I encountered an invariant violation labeled "prevent infinite loop". function useCounter(initial) { const [count, setCounter] = useState ...
First things first, let's talk about my class: class FavoriteFooBar { ... isPreferred: boolean = false; constructor() { this.isPreferred = false; } } Using a utility library called Uniquer, I arrange a list of FavoriteFooBar instances to pr ...
I recently set up a basic Google form on my website and used this website to extract the HTML code for display. However, upon hitting submit, nothing happens - the page seems to be frozen. I'm attempting to redirect the form submission to another page ...
Currently, I am immersed in a project focused on creating invoices. My progress so far involves a dynamic form where users can add and remove rows (as shown in the snippet below). I'm encountering an issue with my JavaScript and I could use some ass ...
I have been attempting to solve the issue at hand without much success. As a newcomer to web development, I have been working on creating a basic app using angularjs and bootstrap. My pages are fairly sparse, consisting only of a few inputs and buttons t ...
My goal is to implement a method to visually filter table rows generated by the foreach binding. I want the filtered out rows to be hidden instead of removed from the DOM, as this can greatly improve rendering performance when filter conditions are changed ...
Below is the code I'm currently using: <progress id="amount" value="0" max="100"></progress> Here is the JavaScript snippet I have implemented: <script> for (var i = 0; i < 240; i++) { setTimeout(function () { // this repre ...
My Nuxt app includes this middleware function: middleware(context) { const token = context.route.query.token; if (!token) { const result = await context.$api.campaignNewShare.createNewShare(); context.redirect({'name': &a ...
Just getting started with JS frameworks and having some trouble with the function syntax. Here's what I have so far: when the button is clicked, it should play a quick audio file specified below the button in the Audio tags. Any suggestions on how to ...
Unfortunately, the File() constructor is not supported in IE and Safari. You can check on CanIUse for more information. I'm wondering if there's a workaround for this limitation in Angular/JavaScript? var file = new File(byteArrays, tempfilenam ...
My current need is to trigger a JavaScript function each time an image loads on the page, but I also require that the DOM of the page is fully loaded before the script executes. I have provided a sample example below and would appreciate feedback on wheth ...
Take a look at the structure of my angular application outlined below: Within my 'firm.html' page, there is a button that triggers the code snippet provided. Controller The controller initiates a Service function. The use of generationInProgre ...
I am looking to dynamically create rooms based on incoming requests from the front end. I found guidance in this gist. My goal is for a specific room to listen for events and communicate with other members within that room. However, I am experiencing an i ...
$.trim() utilizes a specific RegExp pattern to trim a string: /^(\s|\u00A0)+|(\s|\u00A0)+$/g However, this can lead to some issues, as demonstrated in the following example: var mystr = ' some test -- more text ...
My NPM script is set up to run multiple tasks like this: "multiple": "task1 && task2 && task3" Unfortunately, if task2 encounters an error, the script will stop and task3 won't get executed. I'm wondering if ...