Making new array with array.length

Question

How can I sort array.length numerically? In this image my numbers generator should be ordered in descending order.

I tried creating a new array with the push function. My code is as follows:

var newArray = [];
newArray.push(myArray.length);

Unfortunately this doesn't work. I'm a beginner in javascript and I haven't been able to find another solution.

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="style.css">
	<script src="hack.js" defer></script>
	</head>
<body>
	<div id="demo" style="width: 500px;border: 1px solid black;"></div>
  <script>
    var myNumbers = '';
for (var i = 10; i <= 40; i++) {
	var myArray = [];
	for (var j = 2; j < i; j++) {
		if (i % j == 0) {
			myArray.push(j);	
		}
	}
	myNumbers += "<p>" + i + " number of generators = " + myArray.length + '</p>';

}

document.getElementById("demo").innerHTML = myNumbers;
  </script>
</body>
</html>

You can make a multi-dimensional array with each index being [number, generator] and then just use array.sort(function(a,b) { return a[1] - b[1] }) then print out your result. — Conor
– Conor, Commented Aug 17, 2017 at 21:21

im_benton · Accepted Answer · 2017-08-17 21:33:26Z

1

var myNumbers = [];
for (var i = 10; i <= 40; i++) {
    var myArray = [];
    for (var j = 2; j < i; j++) {
        if (i % j == 0) {
            myArray.push(j);    
        }
    }
    var value = { int: i, length: myArray.length, html:"<p>" + i + " number of generators = " + myArray.length + '</p>' }
    myNumbers.push(value);

}
myNumbers.sort(function(a, b){
  return b.length - a.length;
});

document.getElementById("demo").innerHTML = myNumbers.map(function(d) { return d['html']; }).join('')

edited Aug 17, 2017 at 21:33

answered Aug 17, 2017 at 21:15

im_benton

2,6314 gold badges23 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Norayr Ghukasyan Over a year ago

this is not the thing i want ... in the right side of the pic , i write the way i want

im_benton Over a year ago

ahh. DIdn't see the pic. You can upload those into the question instead of an external link.

Dij · Accepted Answer · 2017-08-17 21:25:10Z

first you can store mappings of numbers and their generator count in an array of objects. Then you can sort this array using a comparator function. The iterate over this array add elements based on this sorted array.

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="style.css">
	<script src="hack.js" defer></script>
	</head>
<body>
	<div id="demo" style="width: 500px;border: 1px solid black;"></div>
  <script>
    var myNumbers = '', myArray = [];
for (var i = 10; i <= 40; i++) {
    var count = 0;
	for (var j = 2; j < i; j++) {
		if (i % j == 0) {
			count++;
		}
	}
    myArray.push({number: i, generators: count});
}
myArray.sort(function(a,b){
    return b.generators - a.generators;
});
for(var i=0; i<myArray.length; i++)
    myNumbers += "<p>" + myArray[i].number + " number of generators = " + myArray[i].generators + '</p>';

document.getElementById("demo").innerHTML = myNumbers;
  </script>
</body>
</html>

Collectives™ on Stack Overflow

Making new array with array.length

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related