I am new to Javascript and currently trying my hand at creating a variable called pets with an array ['cat', 'dog', 'rat']. I want to use a for loop to pluralize each word in the array.
This is my code:
var pets = ['cat', 'dog', 'rat'];
for (pets[i] = pets[i] + 's';) {
};
console.log(pets);
The error encountered is:
for (pets[i] = pets[i] + 's';) {
^
Could not run: Unexpected token )
The structure of the for loop is not quite right. It will result in Syntax Errors being thrown.
The accurate syntax should be:
for ([initialization]; [condition]; [final-expression])
statement
Revised Code:
for(var i = 0; i < pets.length; i++) {
pets[i] = pets[i] + 's';
}
You could also opt for a single line approach, leveraging the final expression of the for loop which gets assessed after each iteration.
for(var i = 0; i < pets.length; pets[i] = pets[i] + 's', i++);
Keep in mind: Multiple expressions are distinguished by using the ,comma operator.
Your loop needs some tweaking, although you can achieve the desired result using a traditional for-loop, I recommend utilizing the Array.prototype.map() method instead.
var pets = ['cat', 'dog', 'rat'];
pets = pets.map(function(animal){
return animal + "s";
});
The map() function generates a new array by applying a specified callback function to each element in the original array.
In ECMAScript2015, you can also use arrow functions:
var pets = ['cat', 'dog', 'rat'];
pets = pets.map( animal => animal+"s");
If you insist on using a for loop and adding unnecessary lines of code, you can do:
for(var i = 0; i < pets.length; i++){
pets[i] = pets[i] + 's';
}
Currently, I am working on designing a user registration page for a testing application and facing some challenges with the layout. CSS has never been my strong suit, but I can manage to style most of the elements except for one - the birthday field. My fo ...
In my Node.js routes.js file, I have a function implemented to check if a request is isAuthenticated before serving it: function isLoggedIn(req, res, next) { if (req.isAuthenticated()) { console.log('Session Expiry '+req.session.cook ...
In the past, I utilized a method to display tweets from my Twitter account on a feed for my website customers: <ul id="twitter_update_list"><li>Twitter feed loading</li></ul> <script type="text/javascript" src="http://twitter.co ...
Recently, I've been working on an app that aims to generate a custom map based on user input from a form. If you'd like to test the functionality yourself, head over to this page. After filling out all required fields and hitting "Submit", the g ...
I'm curious about the order in which instructions are executed in this code. Specifically, I want to know if http.createServer() or server.listen is executed first, and when the callback function inside createserver will execute. const http = require( ...
Imagine I have embedded an iframe to showcase a different website on my own site. However, when the displayed site contains a redirect that directs to other pages within its domain, this results in the entire browser being redirected to the external site w ...
My collection includes three transparent PNG images: https://i.sstatic.net/80Jxj.png https://i.sstatic.net/Eewcq.png https://i.sstatic.net/VXk7A.png I have arranged them using the following HTML/CSS: <div style="position: relative; left: 0; top: 0; ...
Exploring various recursive angular directive Q&A's can lead to different solutions that are commonly utilized: Creating HTML incrementally based on runtime scope state Check out this example [Stack Overflow discussion] Here's another exa ...
Is there a way to seamlessly stream a video from the host server on my website, so that it picks up exactly where it left off rather than starting from the beginning every time someone accesses the site? I want the video to remain synchronized with the o ...
I am currently working on a TypeScript project that requires loading translations from individual .json files assigned to each country. For instance, we would have separate language files like en.json, es.json. The goal is to be able to access these trans ...
Whenever I try to add a new affiliate, the information is saved in the database but without a name. I have been struggling to fix this issue for quite some time now. class Shop.Views.AffiliatesNew extends Backbone.View template: JST['affiliates/ne ...
I am working on a form with two drop-down menus and a text box. The first drop-down contains static values, while the second drop-down is populated dynamically from a JSON array. My goal is to filter the options in the second drop-down based on the selecti ...
Can anyone suggest a jQuery function I can use to fetch URL parameters? I've been utilizing the following function, which works well; however, it encounters issues when the URL doesn't have any parameters. I would like it to return an empty stri ...
Is there an event to pause the video when the audio device changes, like if headphones get unplugged? I've looked into other questions, but they don't seem to be for browser. Detecting headphone status in C# Detecting when headphones are plugg ...
Looking to populate a dropdown box #dropdown with values from a json object stored in a JavaScript string variable. How can I access each element as value/label pairs and insert them into the dropdown? The structure of the json string is as follows: [{"n ...
In previous iterations of vue.js, developers had the ability to generate a dynamic select list utilizing optgroups similar to the example found here. In the latest versions of vue, the documentation suggests using v-for within the options instead of optgr ...
Encountering the error "Missing ";" before statement" in Mongodb Atlas Online is frustrating for me as a newbie. Despite my efforts, I can't seem to figure out why the following code snippets are causing this issue: const counter = await counterCollec ...
Hello, I am facing an issue with subtracting one element of an array from the next to calculate the correct answer. The values in the array are provided by the user. For example: If the user enters 3 numbers: 10, 8, 1 The calculation should be: 10 - 8 - 1 ...
I can't seem to figure out why my render is resulting in a blank page. I've searched through similar questions for a solution but haven't had any luck so far. Any help would be greatly appreciated! Here's my code: App.js import log ...
var app = angular.module('myApp', []); app.controller('myCtrl', function($scope) { $scope.firstName = false; $scope.toggle = function(){ $scope.firstName = !$scope.firstName; }; }); <!DOCTYPE html> <html> & ...