const phoneDirectory = {};
const personNames = ['Mira', 'Royce', 'Kathie'];
const contactNumbers = ['3234958675', '9164059384', '4154958675']
function combineArraysIntoObject(personNames, contactNumbers) {
for(i = 0; i < personNames.length; i++) {
phoneDirectory[personNames[i]] = contactNumbers[i];
}
}
Is there a way to loop through both arrays simultaneously and use names as keys and numbers as values in the resulting object?
You seem to be on the right track with your solution.
Consider these two recommendations:
numbers.length or names.length for the number of iterations in your loopAn improved code snippet could resemble the following:
const names = ['Alice', 'Bob', 'Cathy'];
const numbers = ['1234567890', '0987654321', '555666777'];
function createPhoneBook(names, numbers) {
const phoneBook = {};
for(let i = 0; i < names.length; i++) {
phoneBook[names[i]] = numbers[i];
}
return phoneBook;
}
const myPhoneBook = createPhoneBook(names, numbers);
To put it simply, merge the arrays together and then utilize Object.fromEntries() to create the phone book.
function generatePhoneBook(names, numbers) {
const entries = names.map((name, index) => [name, numbers[index]]);
return Object.fromEntries(entries);
}
const peopleNames = ['Mira', 'Royce', 'Kathie'];
const peopleNumbers = ['3234958675', '9164059384', '4154958675']
const phoneDirectory = generatePhoneBook(peopleNames, peopleNumbers);
console.log(phoneDirectory);Just a quick tip, lodash could be helpful:
const names = ['Aria', 'Ethan', 'Sophie'];
const numbers = ['1234567890', '9876543210', '5551234567'];
const phoneBook = _.zipObject(names, numbers);
console.log(phoneBook);.as-console-wrapper { max-height: 100% !important; top: 0; }<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js" integrity="sha512-WFN04846sdKMIP5LKNphMaWzU7YpMyCU245etK3g/2ARYbPK9Ub18eG+ljU96qKRCWh+quCY7yefSmlkQw1ANQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>Also, here's a one-liner for you to try:
const names = ['Aria', 'Ethan', 'Sophie'];
const numbers = ['1234567890', '9876543210', '5551234567'];
const phoneBook = names.reduce((acc, name, i) => (acc[name] = numbers[i], acc), {});
console.log(phoneBook);.as-console-wrapper { max-height: 100% !important; top: 0; }My task is to compare and evaluate two arrays to determine if they both have the property 'approved' set to true. ...
A program run through node.js has been developed to create a binary search tree with various methods like insert, remove, and print. The program is divided into two separate files: Tree.js, which exports the functions Tree() along with its methods and test ...
My code within the componentDidMount() function initializes a widget popup when the page loads. It then sets the name and email using parameters received from the previous page. const fullName = this.state.data[0]; console.log(fullName); const e ...
Within a workbook, there are two sheets available: Data and Stats. The Data sheet contains numerous records, categorized into approximately 20 different categories. On the Stats sheet, I am interested in performing various calculations. I am looking for a ...
While working on my project with react-hook-form for updating and creating details, I encountered a problem specifically in the update form. The values were not updating properly as expected. The issue seems to be within the file countryupdate.tsx. import ...
Attempting to reproduce the material ui modal example has proven to be a challenge for me. Initially, I encountered an error stating "Cannot read property 'setState' of undefined" which I managed to resolve. However, even after resolving this iss ...
I am currently working on a project involving SwiperJS to create a slider that showcases two slides per group, neatly centered within the container of the slider. Despite my best efforts, I have encountered an issue where the slides expand to occupy the en ...
I am currently developing a basic app that showcases heart rate, blood glucose levels, and other measurements. I am utilizing React and Redux for the development process and incorporating Materials-UI for the user interface. For displaying these metrics, ...
Whenever a visitor views an item on my website, the following code snippet is executed: $_SESSION['recent'][] = array("title"=>$page['current_item']['title'], "link"=>$_SERVER['REQUEST_URI']); This code saves ...
Struggling to integrate AngularJS on the front end with Resteasy as my Rest API. The issue I'm encountering is that my @FormParam values are always null when sending parameters using AngularJS. Below is a snippet of my JavaScript code: $scope.addPe ...
My persona has an attribute retrieved from MongoDB known as "faceDetection.photo", which is an array of values. Here is a snippet of the code: persona.faceDetection.photo=[255,216,255,224,0,16,74,70,73,70,0,1,1,1,0,1....etc] var encodedData = window.btoa( ...
I am facing an issue with a div named 'red' on my website where user messages overflow the 40px length of the div. To prevent this, I want to duplicate the 'red' div every time a message is sent so that the messages stay within the boun ...
I'm currently working with a php multidimensional array: $array[0] = array('Jack','<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="e48e85878fa489858d88ca878b89">[email protected]</a>'); $a ...
I'm currently working on a unique crowdfunding DApp that requires constant access to contract variables through function calls for retrieval purposes. The getDeployedCampaigns function is responsible for returning an array of deployed campaign addres ...
I'm currently developing a chat application that supports private rooms. My main goal is to identify and locate a room that two users are part of. If such a room doesn't exist, I need to create one. Chat Schema export const ChatSchema = new mong ...
After placing the jquery.placeholder.js file in the assets/javascripts folder, I successfully applied the function in my coffeescript file and it worked perfectly. $(document).ready -> $('input, textarea').placeholder(); However, when swit ...
I have a form where I need to calculate the total result after submission. The package and event ID should be added together, and the guest field should always be calculated (guest value * 5). The final result should be displayed in <div id="result"> ...
<body onload="myfunction('target')"><div id="target"> "Hey there!" </div></body> Can we replace the text "Hey there!" with another HTML element or div? This is currently a left-to-right marquee text. <script language= ...
I created this jQuery code to modify the drop menu elements, but it ended up affecting the entire page. How can I resolve this issue? $(".dropmenuac").on("click",function(){ $(".dropmenulist").css("opacity",& ...
Currently learning Javascript and working on a project that involves retrieving data from a weather API. Encountered a simple issue that I need help with. Here is the data I managed to fetch so far: {coord: {…}, weather: Array(1), base: "stations", mai ...