Iterate through the array and add each number to a separate array

Question

Iterate through the array and add each number to a separate array

I am currently facing an issue with the code snippet provided below.

    var array = [1, 3, 2]
    var newArray = []

  getNewArray() {
    for (let i = 0; i < array.length; i++) {
      for (let x = 0; x < array[i]; x++) {
        this.newArray.push(array[i]);
      }
    }
    console.log(this.newArray);
  }

My goal is to iterate through the numbers in an array based on their values, producing results like the following:

(3) [{…}, {…}, {…}]
   0:
     count:(1) [1]
   1:
     count:(3) [1,2,3]
   2:
     count:(2) [1,2]

However, the current output I am getting is different from what I expected:

(4) [1, 2, 2, 1]
  0: 1
  1: 2
  2: 2
  3: 1

javascript arrays

Answer 1

Answer №1

If you want to take advantage of ES6 features, a useful approach is combining the use of .map and Array.from.

Suggestion:

Utilize Array.map to iterate through each item.
Use the item as the length parameter to create a new array with Array.from.
Include a mapper function to populate the new array.

var array = [1, 3, 2];
var result = array.map((item) => Array.from({
  length: item
}, (_, i) => i + 1));
console.log(result)

Answer 2

If you want to take advantage of ES6 features, a useful approach is combining the use of .map and Array.from.

Suggestion:

Utilize Array.map to iterate through each item.
Use the item as the length parameter to create a new array with Array.from.
Include a mapper function to populate the new array.

var array = [1, 3, 2];
var result = array.map((item) => Array.from({
  length: item
}, (_, i) => i + 1));
console.log(result)

Answer 3

Answer №2

Give this a shot

let numbers = [2, 4, 6]
let newNumbers = []

function createNewArray() {
for (let i = 0; i < numbers.length; i++) {
let temp = [];
for (let x = 0; x < numbers[i]; x++) {
temp.push(x+1);
}
this.newNumbers.push(temp);

}
}
createNewArray();
console.log(this.newNumbers);

Answer 4

Give this a shot

let numbers = [2, 4, 6]
let newNumbers = []

function createNewArray() {
for (let i = 0; i < numbers.length; i++) {
let temp = [];
for (let x = 0; x < numbers[i]; x++) {
temp.push(x+1);
}
this.newNumbers.push(temp);

}
}
createNewArray();
console.log(this.newNumbers);

Answer 5

Answer №3

let numbers = [2, 6, 4];
let updatedNumbers = [];

function updateNumbers() {
    for (let j = 0; j < numbers.length; j++) {
      let tempNumbers = [];
      for (let y = 0; y < numbers[j]; y++) {
        tempNumbers.push(numbers[j]);
      }
      updatedNumbers.push(tempNumbers);
    }
    console.log(this.updatedNumbers);
}

updateNumbers();

Answer 6

let numbers = [2, 6, 4];
let updatedNumbers = [];

function updateNumbers() {
    for (let j = 0; j < numbers.length; j++) {
      let tempNumbers = [];
      for (let y = 0; y < numbers[j]; y++) {
        tempNumbers.push(numbers[j]);
      }
      updatedNumbers.push(tempNumbers);
    }
    console.log(this.updatedNumbers);
}

updateNumbers();

Answer 7

Answer №4

Utilizing the power of arrays

let numbers = [5, 7, 9]
let newNumbers = []

const createNewArray = () => {
  newNumbers = numbers.map(num => Array(num).fill().map((_, index) => index+1))
  console.log(newNumbers);
}
createNewArray()

Answer 8

Utilizing the power of arrays

let numbers = [5, 7, 9]
let newNumbers = []

const createNewArray = () => {
  newNumbers = numbers.map(num => Array(num).fill().map((_, index) => index+1))
  console.log(newNumbers);
}
createNewArray()

Iterate through the array and add each number to a separate array

Answer №1

Suggestion:

Answer №2

Answer №3

Answer №4

Similar questions

Partial functionality achieved by integrating Bootstrap for a modal form in Rails

Clear out a collection in backbone.js

Ways to slow down page transition on NextJs

Accessing an array of objects within nested objects results in an undefined value

Using JavaScript to launch a new window with an array of parameters

OBJ Raycasting in Three.js

The mystery behind the enigmatic combination of ajax, JQuery,

Error: Morris.js is unable to access the property 'x' because it is undefined

How to achieve horizontal auto-scrolling in an image gallery with jQuery?

Creating a CSV download feature with ReactJS is simple and incredibly useful. Enable users

Limits on zooming with THREE.js Orbit controls

retrieving the site's favicon icon

The value from the angular UI bootstrap datepicker is unavailable when using a JQuery expression

The functionality of a Google chart is determined by the value of the AngularJS $scope

Removing zeros from a one-dimensional tensor in TensorFlow.js: A step-by-step guide

Is there a way to use code to target a mesh in a three.js scene when a button is clicked?

Implementing Jquery to attach a click event immediately after adding a new row to the table, all

Operating a React application in the background

Performing a periodic sum on an array using Java 8 streams

"Encountering an error while parsing the result of an HTTP request in Node.js