Is there a way to create three duplicates of an item within an array loop?

Looking for assistance with repeating numbers in an array three times? Here's the example array:

var array = [1,2,3,4,5,6,7,8,9,10...]

To repeat each number three times in a loop and create a new array like this:

var newarray = [1,1,1,2,2,2,3,3,3,4,4,4,5,5,5,6,6,6...]

If you have any ideas on how to achieve this, I would greatly appreciate it! Thank you!!

Answer №1

To achieve this task, you can utilize Array.prototype.flatMap. This method allows you to create an array where each element is repeated three times and then flatten it by one level.

const array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
const result = array.flatMap(x => [x, x, x])
console.log(result)

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Changing the background image of a specific div using CSS and JavaScript: a beginner's guide

I've been attempting to modify the background of a div in HTML using JS and CSS. Below is the code I've tried, but it doesn't seem to be working as expected. function changeBackground(previewPic) { var imgUrl = previewPic.src; conso ...

Setting the default selected row to the first row in ag-Grid (Angular)

Is there a way to automatically select the first row in ag-grid when using it with Angular? If you're curious, here's some code that may help: https://stackblitz.com/edit/ag-grid-angular-hello-world-xabqct?file=src/app/app.component.ts I'm ...

Leveraging ng-attr in dynamically added HTML elements through ng-bind-html

Have you ever wondered how ng-attr is evaluated for elements inserted using ng-bind-html? Check out this JS Fiddle demonstration. Here's the HTML: <body ng-app="TestApp" ng-controller="TestCtrl"> <div ng-bind-html='y | to_trusted&a ...

Incorporating data sets from an already established highcharts chart

I created a chart using highcharts and I am looking to update it, but I am struggling with this particular line of code that is adding random data instead of the data I want to use from JavaScript. // Add the new series. chart.addSeries({ data: Highcharts ...

In React js, automatically insert a new row into a table once the Dialog window has

I am currently exploring Reactjs and using Material UI Dialog to implement a dialog box for users to input information and interact with a POST API. After the process is completed, the dialog closes but I would like to dynamically display the added informa ...

Angular JS merges various records under a common category from a JSON document

[{"Category":"cat","Value":"large cat"}, {"Category":"cat","Value":"small cat"}, {"Category":"dog","Value":"large dog"}, {"Category":"dog","Value":"little dog"}, {"Category":"dog","Value":"cute dog"}] If I have a JSON file structured like this, how can I ...

Utilizing Vue.js to connect with a Node.js server

After setting up a basic Node.js server, the following code is running successfully: var http = require('http'); var server = http.createServer(); server.on('request', function(req, res) { res.writeHead(200, { 'content ...

Ajax script failing to run

I'm currently developing a new social networking site that includes a feature for creating groups. Most of my code is functioning flawlessly, except for this small section that handles approving or declining pending members. The following PHP code sni ...

Tips for efficiently managing imports in a React application that utilizes three.js without relying on the window object

Issue: Imagine I am working on a React application that includes a 3D component on one side and various UI components on the other side. The 3D aspect of the project involves using three.js, and for reference, let's say I want to replicate this part ...

The order of execution is not as anticipated when the ajax success callback is triggered

I am facing an issue with my function that validates certain fields when a button is clicked. The validation checks if the username and password are authentic, if the password meets security requirements, and if it matches the confirm-password field. Howev ...

Using toLocaleDateString method in Node for handling dates

After using toLocaleDateString in the browser, I noticed that it returns: n = new Date() n.toLocaleDateString() "2/10/2013" However, when using node.js, the format is completely different: n = new Date() > n.toLocaleDateString() 'Sunday, Februar ...

In order to effectively utilize and display images on a webpage, I require a JavaScript array to store image links for use as image sources

I need assistance with changing these images. I am trying to store their links in an array, but when I click the button to change the image, it does not recognize that the array variable points to an image. Can someone offer guidance? Here is my current ...

"Ionic Calendar 2 - The ultimate tool for organizing your

I am using a calendar in my Ionic app that retrieves events from a database through an API. var xhr = new XMLHttpRequest(); xhr.open('GET', 'http://portalemme2.com.br/SaoJoseAPI/agenda', true); this.http.get('http://portalemme2.c ...

Locate the position of a substring within a Uint8Array

I'm working with a Uint8Array that contains the content of a PDF file. My goal is to locate a specific string within this array in order to insert additional content at that particular position. My current approach involves converting the Uint8Array ...

Converting a JavaScript function to work in TypeScript: a step-by-step guide

When writing it like this, using the this keyword is not possible. LoadDrawing(drawing_name) { this.glg.LoadWidgetFromURL(drawing_name, null, this.LoadCB,drawing_name); } LoadCB(drawing, drawing_name) { if (drawing == null) { return; ...

Receiving files in Javascript from Flask using the send_file() function is a common task that many developers

I am in the process of creating a web application that utilizes HTML along with plain Javascript for the frontend, and Flask as the backend. The main function of the application is to send an ID to the server, where it will then generate a PDF report and s ...

Adjusting the alignment of a facial image on Canvas by selecting specific click-points

I have a unique idea for an app that allows users to correct a tilted face with just 2 clicks The concept is simple - users click on the middle of the nose and the middle of the eyebrows within the image to generate two points: eyebrowMiddle(x1,y1) and no ...

What is the best way to display circles (generated from JSON data) in reverse order by incorporating a delay function?

I am currently working on creating an interactive visualization using circles that expand over a specified period, all centered at the same point. I have a script that generates these circles and saves the data in a JSON file. The smallest circle is posit ...

The video tag displaying input from the camera functions properly in Safari on iOS, however it does not work in Chrome or any in-app browser

While the video streaming on Android and Safari in iOS is functioning perfectly, issues arise when attempting to use Chrome on iOS or an In-app Browser. The implementation involves Vue as a Single File Component. The HTML code utilized is as shown below: ...

Trouble Loading TypeScript Class in Cast Situation

I've encountered an issue with my TypeScript model while using it in a cast. The model does not load properly when the application is running, preventing me from accessing any functions within it. Model export class DataIDElement extends HTMLElement ...