Just a heads up, I'm new to coding so please bear with me.
I'm attempting to run through the "diary" array and the function "howMany" is only showing 2 'Home' elements, although there are actually 4 'Home' elements in total in the "diary" array.
Can someone point out what I might be doing incorrectly? Appreciate it. :)
Instead of using the includes method which only returns a boolean, you can achieve the desired result by utilizing the filter method.
let diary = [];
const addEntry = (events) => {
diary.push({ events });
};
addEntry(['Home', 'Work', 'Park', 'Beach', 'Home']);
addEntry(['Work', 'Home', 'Store', 'Gas Station', 'Home']);
const howMany = (event, journal) => {
let number = 0;
for (let i = 0; i < journal.length; i++) {
let entry = journal[i];
number += entry.events.filter((e) => e === event).length;
}
console.log(`You did that ${number} time(s)`);
};
howMany('Home', diary);
console.log(diary);
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter
reduce and filter.let diary = [];
const addEntry = (events) => {
diary.push({ events });
};
addEntry(['Home', 'Work', 'Park', 'Beach', 'Home']);
addEntry(['Work', 'Home', 'Store', 'Gas Station', 'Home']);
const howMany = (event, journal) =>
journal.reduce(
(acc, curr) => acc + curr.events.filter((e) => e === event).length,
0
);
const number = howMany('Home', diary);
console.log(`You did that ${number} time(s)`);
console.log(diary);
Apologies for my previous response, I have now reviewed the code and this is the correct version:
let diary = [];
const addEntry = (event) => {
diary.push(event);
};
addEntry(['Home', 'Work', 'Park', 'Beach', 'Home']);
addEntry(['Work', 'Home', 'Store', 'Gas Station', 'Home']);
const howMany = (event, journal) => {
let number = 0;
for (let i = 0; i < journal.length; i++) {
for(let j =0;j < journal[i].length;j++) {
const entries = journal[i][j];
if(entries.includes(event)){
number++;
}
}
}
console.log(`You did that ${number} time(s)`);
};
howMany('Home', diary);
console.log(diary);The reason why it only returns two is because the includes() method does not count occurrences, but rather returns a boolean value. Your code only counts how many times the true statement occurs. In this case, since the array length is 2 and every element happens to have 'Home', your code only returns 2.
There are multiple ways to achieve what you want, but what I did below is use multiple forEach loops (or you can use a for loop as well) to iterate through a multidimensional array.
let diary = []
const addEntry = events =>{
diary.push({events})
}
addEntry(['Home', 'Work', 'Park', 'Beach', 'Home'])
addEntry(['Work', 'Home', 'Store', 'Gas Station', 'Home'])
const howMany = (event, journal) => {
let number = 0;
journal.forEach(element => {
element.events.forEach(item => {
if (item === event) {
number++
}
})
});
console.log(`You did that ${number} time(s)`);
}
howMany('Home', diary)
console.log(diary)
*Apologies if my English is not perfect.
I have implemented validation on my form (which consists of only two fields) but I am struggling to figure out how to prevent it from being submitted with empty data. The current flow is as follows: Upon pressing the enter key, the student's name and ...
Currently, I am working with asp.net in Visual Studio and using jQuery to call a web method. In asp.net, I am generating a dynamic datatable and then returning it by using JsonConvert.SerializeObject(dt). $.ajax({ type: 'POST', url: &apo ...
As a newcomer to javascript, I am wondering if Vue has an equivalent to LinQ. My objective is to perform the following operation: this.selection = this.clientsComplete.Where( c => c.id == eventArgs.sender.id); This action would be on a collect ...
Highlight the text by selecting it and clicking a button. If the text is already highlighted, clicking the button should make the selected text return to normal. Can this be achieved using jQuery and a single button? Is it possible to identify the CSS st ...
I am facing an issue with securing individual routes in my admin panel using passport.js. The user signup functionality is working fine, and I am able to login successfully. However, the req.isAuthenticated() function always returns false, preventing me fr ...
Presently, I am utilizing setTimeout() to pause a for loop on a vast list in order to apply some styling to the page. For example, For example: How I utilize setTimeOut: I use setTimeout() to add images, text and css progress bars (Why doesn't Prog ...
In my CSS code, I have a shape element with an animation that spins infinitely for 50 seconds. #shape { -webkit-animation: spin 50s infinite linear; } @-webkit-keyframes spin { 0% { transform: rotateY(0); } 100% { transform: rotateY(-360deg ...
In the process of developing a new application, my goal is to send data to a server and receive a response in a specific format. Here's an example of how the format should look: { "userName" :"<a href="/cdn-cgi/l/email-protection" class="__cf_e ...
So I successfully implemented a dark mode on the front page using the following script (sourced from W3schools) : <script> function darklightmode() { var element = document.body; element.classList.toggle("dmode"); } </script> ...
Hey there everyone, I'm currently utilizing the Vue.js CLI for my project. Recently, I came across a helpful tutorial on incorporating a Jquery plugin into a webpack project at this link: . To achieve this, I installed the expose loader and added th ...
How can I dynamically create a variable value by combining two different inputs without having to reload the page Here is the code snippet: {exp:safecracker channel="blending_log" return="sthome/blending/ENTRY_ID"} <h3>Select and enter data</h3 ...
My current challenge involves setting an initial state for my Hook. I have a clickable element that changes the state between Decreasing and Increasing upon click, and this part is functioning properly. However, I encounter an issue when attempting to defi ...
Is there a specific type available in Next.js 14 that I can use to replace the "any" type in the TypeScript code snippet below, for my dynamic route? export default async function DetailProduct({ params }: any) { const { imageAddress, title, price } = ...
My React Native app requires a script to generate static files during the release process. The app is a game that utilizes pre-computed boards, which are resource-intensive to compute. Therefore, I am developing a script that will create these boards and s ...
We are in the process of transitioning an ASP.NET MVC application that used to have the functionality of opening a PDF file in a new tab using FileContentResult. return new FileContentResult(byteArray, "application/pdf"); As part of this migration to Rea ...
<script> function greet() { alert("hello"); } </script> <iframe width="100%" height="315" src="https://www.youtube.com/embed/AGM0ibP1MRc" onclick="greet()"></iframe> .Kindly assist me, please. ...
I need assistance with concatenating two strings in react while ensuring that the first string is displayed in bold, while the second one remains unchanged. The first string I want to emphasize is stored in a JSON file, and the second string comes from an ...
In my project, I've designed a timeline that offers users the ability to zoom in and out by simply clicking on corresponding buttons. Since the timeline is too large to fit entirely on the screen, it is contained within a scrollable div. To ensure tha ...
After experiencing dissatisfaction with Angular's form validation, I decided to develop my own solution. However, I have encountered a perplexing issue that has me at a loss. Here is how my setup looks: I employ a directive to create a new form. Th ...
I'm struggling with a phonegap db JavaScript script that isn't returning the final string variable "feeds" outside the function. It's currently showing as "undefined". I need help making the necessary changes to properly return the "feeds" v ...