计算 JavaScript 中数组中的数字

Question

我正在制作一个随机数生成器来分配任务。我想给每个人一个随机数，然后生成随机数。然后我想按照他们有多亲密的顺序列出这些人。

我想也许可以遍历数组并找到 winningNumber 和中间数字之间的绝对差异。但是，我不确定如何 link 将数字返回到列表中的名称。

我如何评估这些数字？

HTML:

随机数分配器

<p>Have tasks to assign but no volunteers? Sign them up here</p>
<div id="input-area">
<input type="text" placeholder="Lucky person here" id="input">
<button id="button">Add Them!</button>
<br>
<br>
<button id="random">Generate Random Number</button>
</div>
<hr>
<div id="list-area">
<ul id="list"></ul>
</div>

CSS:

#input-area {
width: 100%;
border: 1px solid black;
}

JavaScript:

function randomNumber() {
return Math.round((Math.random()) * 100);
};
var randomNumberValue;
var winningNumber;
var myArray = [];
$(document).ready(function () {
console.log("The JavaScript has loaded");
$('#button').on('click', function () {
    randomNumberValue = randomNumber();
    var inputValue = $('#input').val();
    if (inputValue === "") {
        return;
    };
    $('#list').append("<ul>" + inputValue + ": " + randomNumberValue + "             </ul>");
    myArray.push(randomNumberValue);
    $('#input').val("");
});
$('#random').on('click', function () {
    myArray.sort();
    winningNumber = randomNumber();
    if (winningNumber === 0) {
        winningNumber++;
    };
    console.log(myArray);
    console.log("The winning number is: " + winningNumber);
    for (var i = 0; i < myArray.length; i++) {
        i - winningNumber;
    };
    console.log(myArray);
});
});

Answer 1

经过一些小改动：

function randomNumber() {
  return Math.round((Math.random()) * 100);
};
var randomNumberValue;
var winningNumber;
var myArray = [];
$(document).ready(function () {
    console.log("The JavaScript has loaded");
    $('#button').on('click', function () {
        var randomNumberValue = randomNumber();
        var inputValue = $('#input').val();
        if (inputValue === "") {
            return;
        };
        // an item in a list is the <li> element
        $('#list').append("<li>" + inputValue + ": " + randomNumberValue     + " </li>");
        // to simplify things I've used normal arrays for storage
        // instead of a list of {key:value} pairs
        // Advantage of {key:value} pairs here would be an easier check for multiple name entries
        myArray.push([randomNumberValue,inputValue]);
        $('#input').val("");
    });
    $('#random').on('click', function () {
        // not needed in this simple algorithm
        // You can use a binary search if the array is sorted which would make it faster
        // but also much more complicated and isn't worth the hassle for small lists
        //myArray.sort();
        var winningNumber = randomNumber();
        // get the first number for a start (numbering starts at zero)
        var current = myArray[0][0];
        // we need something to keep the position of the entry
        var pos = 0;
        console.log("The winning number is: " + winningNumber);
        for (var i = 0; i < myArray.length; i++) {
            // the actual number at position i in the array
            var value = myArray[i][0];
            /*
                  Compute two differences
                  a) between the drawn number and the actual number
                  b) between the drawn number and the last number that was
                     nearest to the last actual number

                  If the actual difference a is smaller than the last difference
                  it is better, hence we keep it. We have to know where it was to
                  be able to name the winner and keep the position to do so.
             */ 
            if(Math.abs(winningNumber - value) < Math.abs(winningNumber - current)){
                current = value;
                pos = i;
            }
            // No "else" here because, well, we don't need to do anything, just go on
            // until something is found.
        };
        console.log("The winner is: " + myArray[pos][1]);
        console.log(myArray.join(" | "));
    });
});

一个警告：您不检查重复条目。名称和随机数都可以重复，需要检查，否则可能会以奇怪的方式失败。

计算 JavaScript 中数组中的数字

Evaluate a number to numbers in an array in JavaScript

javascript

arrays

random

jquery

difference

随机数分配器