数组元素仅使用一次

Using an array element only once

本文关键字：一次 数组元素      更新时间：2023-09-26

我是 JavaScript 的新手，我想从我的数组中获取三个随机元素，它们需要不同。我已经设法获得了三个不同的元素，然后我尝试通过拆分方法只获取一个元素一次。但显然这并不真正有效，可能有很多错误，因为这是我的第一个脚本之一。它有时也会说"未定义"。

http://jsfiddle.net/t4mtpm50/

.HTML：

<span id="tot1"></span>, <span id="tot2"> und </span> und <span id="tot3"></span>

Javascript：

function getNumber() {
    random = Math.floor(Math.random() * students.length);
    students.splice(random,1);
    return random;
}
students = new Array("Paul", "Jan", "Fabian D.", "Fabian K.", "Lennard", 
                            "Robin", "Angelique", "Joyce", "Sarah", "Ajlin",
                            "Enes", "Leon", "Boran", "Joshua")    
getNumber();
tot1 = students[random];
getNumber();
tot2 = students[random];
getNumber();
tot3 = students[random];
document.getElementById('tot1').innerHTML = tot1;
document.getElementById('tot2').innerHTML = tot2;
document.getElementById('tot3').innerHTML = tot3;
通过使用

.splice() ，随机选择的名称实际上在检索之前被删除，使random改为引用集合中的下一个名称：

var students = [ "Paul", "Jan", "Fabian D." ];
var random = 1;
console.log(students[random]); // "Jan"
students.splice(random, 1);
console.log(students);         // [ "Paul", "Fabian D." ]
console.log(students[random]); // "Fabian D."

"它有时会说'未定义'"发生在random尝试引用最后一个元素时：

var students = [ "Paul", "Jan", "Fabian D." ];
var random = 2;
console.log(students[random]); // "Fabian D."
students.splice(random, 1);
console.log(students);         // [ "Paul", "Jan" ]
console.log(students[random]); // undefined, random is now out-of-bounds at 2

您可以使用 .splice() 的返回值，它是已删除元素的集合，重新定义getNumber()以返回元素而不是索引：

function getStudent() {
    var random = Math.floor(Math.random() * students.length);
    return students.splice(random, 1)[0]; // return the 1st and only removed element
}
var tot1 = getStudent(); // "Fabian D."
var tot2 = getStudent(); // "Enes"
var tot3 = getStudent(); // "Joyce"

http://jsfiddle.net/6gox6L1t/

我认为这将

是一个更好，更干净，更短的解决方案：

function getStudent(students) {
    var random = Math.floor(Math.random() * (students.length));
    var my_student = students.splice(random,1);
    return my_student;
}
var students = new Array("Paul", "Jan", "Fabian D.", "Fabian K.", "Lennard", 
                            "Robin", "Angelique", "Joyce", "Sarah", "Ajlin",
                         "Enes", "Leon", "Boran", "Joshua");

document.getElementById('tot1').innerHTML = getStudent(students);
document.getElementById('tot2').innerHTML = getStudent(students);
document.getElementById('tot3').innerHTML = getStudent(students);


将当前 Students-array 传递给 getStudent() 函数，以避免脚本中包含全局变量。 splice返回已删除的元素，因此您在那里获得了学生姓名并返回它。

编辑2：我对.length上的-1是错误的。 1是Math.random()的独家结果，所以你说得对。

http://jsfiddle.net/northkildonan/38rf42f7/1/

编辑：此方法完全避免在脚本中使用全局变量。

试试这个：

 students = new Array("Paul", "Jan", "Fabian D.", "Fabian K.", "Lennard",                   "Robin", "Angelique", "Joyce", "Sarah", "Ajlin",
"Enes", "Leon", "Boran", "Joshua")    

var arr = []
while(arr.length < 3){
  var randomnumber=Math.ceil(Math.random()*students.length-1)
  var found=false;
  for(var i=0;i<arr.length;i++){
    if(arr[i]==randomnumber){found=true;break}
  }
  if(!found)arr[arr.length]=randomnumber;
}
console.log(arr.valueOf());
tot1 = students[arr[0]];
tot2 = students[arr[1]];
tot3 = students[arr[2]];
document.getElementById('tot1').innerHTML = tot1;
document.getElementById('tot2').innerHTML = tot2;
document.getElementById('tot3').innerHTML = tot3;

请注意长度应该减去 1，因为索引从 0 开始。

http://jsfiddle.net/t4mtpm50/6/

另一种选择是随机排列整个学生列表，然后从随机排列的集合中选择前三个。（此处的随机播放功能改编自 https://stackoverflow.com/a/6274398/567595。

function shuffle(array) {
    var i, temp, j;
    for (i = array.length; i; i--) {
        j = Math.floor(Math.random() * i);
        temp = array[i - 1];
        array[i - 1] = array[j];
        array[j] = temp;
    }
}
students = ["Paul", "Jan", "Fabian D.", "Fabian K.", "Lennard", 
                            "Robin", "Angelique", "Joyce", "Sarah", "Ajlin",
                            "Enes", "Leon", "Boran", "Joshua"];
shuffle(students);
document.getElementById('tot1').innerHTML = students[0];
document.getElementById('tot2').innerHTML = students[1];
document.getElementById('tot3').innerHTML = students[2];

http://jsfiddle.net/4o897kwa/1

相关文章：