Having trouble removing all the even numbers from this array. Can't seem to get them all out of there, not sure why.
var numArr = [3,45,56,7,88,56,34,345];
for (var i = 0; i < numArr.length; i++) {
if (numArr[i] % 2 === 0) {
numArr.splice(i,1);
}
}
console.log(numArr); is returning [3, 45, 7, 56, 345] instead of just [3, 45, 7, 345].
Any suggestions?
A common issue arises when splicing out elements from an array, causing a shift in the array's length. To address this problem, consider incorporating the following solution:
let numbers = [3, 45, 56, 7, 88, 56, 34, 345];
for (let i = 0; i < numbers.length; i++) {
if (numbers[i] % 2 === 0) {
numbers.splice(i, 1);
i = i - 1; //Adjust index due to element deletion
}
}
Deleting 88 causes the number 56 to shift up one position, which might be skipped by your loop (since it increments with just i++).
It is important to exercise caution when modifying an array while looping through it.
In situations like this, consider iterating through the array in reverse (starting from the end and using i--). This approach could potentially improve performance as fewer elements may need to be copied around depending on how splice is implemented.
When you remove elements from your array, the length of the array will change.
To address this issue, I recommend utilizing Array.prototype.filter. This method can easily be shimmed for older versions of Internet Explorer (<= 8). Here's an example:
var arr = [3,45,56,7,88,56,34,345];
arr = arr.filter( function is_odd(el) { return el % 2; } );
When iterating through your array with the variable i, it increments each time. However, once it reaches 88, it is then removed from the array using splice. This causes the index to shift and skip over 56, so the next value that i refers to will be 34.
To correct this issue, you can either refrain from incrementing i when splicing, or simply decrement i after splicing.
filtering the array for items that are odd numbers
My project website includes a roster page that retrieves XML data. Previously, this functionality worked across all browsers but now it only works in Chrome. In IE11, it seems that the importXML function is not functioning correctly as the roster data is m ...
I am encountering an issue in my Next.js project when trying to import a local JS file. Here is the code snippet I am using: <Script type="text/javascript" src="/js.js"></Script> Unfortunately, this approach results in the ...
Currently facing an issue while attempting to develop a Chrome extension. Occasionally, the chrome.runtime object appears to be incomplete, resulting in missing methods (specifically onMessage, which is essential for my project). Interestingly, this incon ...
I'm currently working on creating a "create" button that will prompt a popup with a text input field for the user, similar to the image below. https://i.sstatic.net/eP7ki.png The expected behavior is that when the OK button is clicked, the name ente ...
Trying to include a mailerlite popup in a client's next.js project has been quite challenging for me. I am struggling to convert the JavaScript snippets into jsx in order to make the popups work smoothly. Everything seems to function properly on initi ...
I have been working on developing a chat application that supports multiple chat rooms. After watching several tutorials, I have devised a way to handle this. const io = require("socket.io")(http); io.on("connection", (socket) => { ...
I'm encountering an issue with my Ajax post where I am trying to disable the button used to submit data. I've reviewed my code and it seems accurate, but the button is not getting disabled. I attempted using $("#refreshButton").attr("disabled", t ...
Whenever I try to adjust the position of the current-grade-name-input, the entire grade-point-input moves along with it inexplicably. /* final grade calculator: (wanted-grade - (current-grade * (1 - final%))) / final% Ex: have a 80 an ...
I have developed a straightforward piece of Java script code. I'm looking to update the value of a global variable using a local function. Whenever I trigger the value1() function, I want the output to display as "2". Is there a way I can achieve this ...
I attempted to load a web application in electron using window.loadurl and as a webview in html. The application is displaying, but encountering various errors such as: $ jquery not defined Uncaught TypeError: $(...).daterangepicker is not a function Unca ...
Can someone please advise on the minimum version of Google Chrome that is supported by Angular 8? Additionally, I am looking for a way to prompt users to update their Chrome browser if it doesn't meet the required version. My Angular application seems ...
I've been working on Next.js and encountered an issue while trying to access data. Error: Error serializing `.profileData` returned from `getStaticProps` in "/profile/[slug]". Reason: `undefined` cannot be serialized as JSON. Please use `nul ...
Attempting to retrieve data via ajax for tagify whitelist, but encountering the following error: ReferenceError: Can't find variable: clist Here is the code snippet: $.ajax({ url: '/ajaxget/tags', method: &ap ...
Whenever I attempt to click the 'Add' button on a web application that I'm constructing, an error pops up. core.js:6210 ERROR TypeError: this.service.addDepartment is not a function at AddEditDepComponent.addDepartment (add-edit-dep.componen ...
Within my web application, I've implemented a modal popup with a loading bar to appear during any lengthy commands such as button clicks. While this feature is functioning well, there's an issue with the performance of the in-house web server it& ...
Is it feasible to append a variable to the Laravel cookie in the client using jQuery? Understandably, the Cookie is linked to the request during GET? Can you include a variable in the $request container in Laravel 5.2 using jQuery before initiating a GET ...
Once again, I find myself stuck in my attempt to duplicate a DIV and its form elements using jQuery. Button: <div class="addNew" id="addSkill">Add Skill <i class="icon-plus"></i></div> This is the Div and contents that I want to ...
When saving checkbox values in an array to the database, I noticed that the field contains strange characters like: s:44:"a:2:{i:0;s:8:"0-4 years";i:1;s:8:"10th group";}"; My goal is to only retain the values 0-4 years and 10th group. How can I avoid thes ...
I have two lists: a=[1,2,3] and b=[4,5,6] I decided to combine these lists into an array of arrays by using: c=np.array([[a],[b]]) Now I am wondering how to implement this in a loop. Can I create an empty array and then add arrays to it? If I call ...
After searching through numerous examples of using Routes with Angular, I have unfortunately not been able to find a working solution. Even the example provided in the official guide did not work properly (clicking on it resulted in a wrong URL that did no ...