As someone who is new to coding, I have a question that may seem simple to others. If I have an array like this: ["John", "Will", "Mike"], how can I display only the first letter of each element?
var friends = ["John", "Will", "Mike"];
I initially thought about using the substr method, but now I'm curious about how to achieve this using a string manipulation technique.
Utilize the Array.map() method to loop through the array and extract the first letter using destructuring. Below is an example:
const friends = ["John", "Will", "Mike"];
const result = friends.map(([v])=> v);
console.log(result);While many are diving into the new ECMAScript6 features, I'll stick with the classic version:
var squad = ["Alex", "Sarah", "Emily"];
for (var j = 0; j < squad.length; j++) {
console.log(squad[j][0]);
}To retrieve the first character from an array, you can utilize a loop and access it using the charAt(0) method.
var friends = ["John", "Will", "Mike"];
friends.forEach((name)=>{
console.log(name.charAt(0));
});The
charAt()method is used to extract a single UTF-16 code unit from a specified position in a string.
Discover more about Array.prototype.map
var family = ["Sarah", "Tom", "Emily"];
console.log(family.map(v=>v[0]))To create an array of first letters, you can utilize the .map() method like so:
let firstLetters = friends.map(s => s[0]);
Example:
let friends = ["John", "Will", "Mike"];
let firstLetters = friends.map(s => s[0]);
console.log(firstLetters);Another approach is to use the .charAt() method from String:
let firstLetters = friends.map(s => s.charAt(0));
Example:
let friends = ["John", "Will", "Mike"];
let firstLetters = friends.map(s => s.charAt(0));
console.log(firstLetters);Resources:
I'm facing an issue that seems like it can be resolved through the use of async/await, but I am unsure of where to implement it. In my application, there are three components involved. One component acts as a timer and receives a callback from its pa ...
Is there a method to check if there is a function after the current middleware? router.get('/', function(req, res, next){ if(next){//always returns true } }); I have a function that retrieves information and depending on the route, thi ...
Having trouble with implementing a camera feature that isn't scaling correctly. The issue seems to be related to the styling of the container View, as when the camera is rendered independently it works fine. The goal is for the camera to activate when ...
Having trouble posting the value of an HTML item (the id of the item) to the view in order to add it to the cart. Despite different values being displayed in the HTML source, it always posts the value of the last item generated by the Django {% for %} loop ...
Having trouble understanding the behavior of PHP sessions with my 2 php files. The data seems to be changing unexpectedly and I'm struggling to grasp why. Can someone please help me make sense of this situation? I realize that my coding approach is n ...
Currently, I am working on creating a websocket using jQuery that is meant to be constantly triggered after the page loads. The goal is to receive updated information from the server and have it displayed on the webpage in real time without requiring a ful ...
After fetching data from a specific URL, I am looking to display only the 2nd and 4th rows. { "status": "ok", "source": "n", "sortBy": "top", "articles": [ { "author": "Bradford ", "title": "friends.", ...
I recently downloaded a Bootstrap theme called Megakit from Unfortunately, I noticed that the theme does not support scrolling with arrow keys or page up/page down buttons. Instead, I have to manually use the scroll bar on my mouse. Upon inspecting the f ...
Upon attempting to access this.$route in the created() hook, I noticed that it consistently returns an empty object when logged to the console. {path: '/', name: undefined, params: {…}, query: {…}, hash: '', …} fullPath: "/&q ...
I've been working on implementing user associations for the /campgrounds section, but encountered this error unexpectedly Cannot read property 'username' of undefined at eval (C:\Users\karan\Desktop\YelpCamp\V9&b ...
I thought this would be a simple task, but I'm completely stuck with the code I currently have! https://i.sstatic.net/Y36Cg.png render: (num) => { return <span><b>{num.toFixed(2)}</b>%</span>; // rounding to two de ...
Is it possible to implement a true Factory pattern in JavaScript and Angular where there is no need to constantly provide the "typeName" parameter? The transition from C# to Java reference types with Angular has been quite challenging for me, and I would ...
I am facing an issue with my PHP page which collects mp3 links from downloads.nl. The results are converted to XML and display correctly. However, the problem arises when trying to access this XML data using ajax. Both the files are on the same domain, b ...
Running the program results in the second printf() displaying string2 with the input from string1 appended to the end. For example, when 123 is entered into string1, it prints: Is before "12ab123" instead of just "12ab". What is the reason for this behav ...
I've been working on a website that utilizes AJAX to keep a chat section updated in real-time. One issue I encountered was ensuring the chat automatically scrolled to the bottom when a user sent a message, but remained scrollable while new messages we ...
I'm having trouble figuring out why this basic example isn't functioning as expected on Plunker. http://plnkr.co/edit/EfNxzzQhAb8xAcFZGKm3?p=preview var app = angular.module("App",[]); var Controller = function($scope){ $scope.message ="Hel ...
I have a task that involves dragging images and checking where they are dropped, then performing an action if they are in the right location. It works perfectly with a mouse, but it doesn't work on a touchscreen. How can I achieve this functionality o ...
I am currently learning React and attempting to create a slide-down animation for my div element using react-spring. However, I am facing an issue where the slide-down effect is not functioning as expected even though I followed a tutorial for implementati ...
I am currently developing a Vue application that needs to fetch real-time data from an API. However, I am encountering difficulties in reading the data from the API. The API that is working fine for me is located at: Google API However, when I try to acc ...
Check out this link: http://jsfiddle.net/6VRxE/11/ Looking for a way to dynamically adjust text, text size, and padding to fit inside a rectangle and be vertically aligned? Here's the code snippet: var messageText = new Kinetic.Text({ x: .25* ...