组织具有重复元素的多维数组

Question

我写了一个代码来帮助我快速组织我的d＆d游戏。 它基本上产生一个input:number居民，描述他们的种族和年龄组，一切随机：

var numero = document.getElementById('numero') //INPUT:NUMBER

function encontroaleatorio1() {
    var arrRaça = ['human (male)', 'human (male)', 'human (male)', 'human (female)', 'human (female)', 'human (female)', 'elf (male)', 'elf (male)', 'elf (female)', 'elf (female)', 'half-elf (male)', 'half-elf (female)', 'half-orc (male)', 'half-orc (female)', 'gnome (male)', 'gnome (female)']
    var arrIdade = ['very young', 'young', 'adult', 'old']
    var raça = []
    var idade = []

    //RANDOM (RACE AND AGE)
    if (numero.value > 0) {
        for (i=0; i < numero.value; i++) {
            var arrRaça2 = arrRaça[Math.floor(Math.random() * arrRaça.length)]
            raça.push(arrRaça2)
            var arrIdade2 = arrIdade[Math.floor(Math.random() * arrIdade.length)]
            idade.push(arrIdade2)
        }
    } else if (numero.length == 0) {
        alert('Número inválido')
    } else {
        alert('Número inválido')
    }

    //SORT AND REGROUP REPEATED ELEMENTS
    raça.sort()
    var raça2 = []
    var nrepetidos = [] //ARRAY WITH REPEATED RACES
    var current = null;
    var cnt = 0;
    for (var i = 0; i < raça.length; i++) {
        if (raça[i] != current) {
            if (cnt > 0) {
                raça2.push(`${cnt} ${current}`)
                nrepetidos.push(cnt)
            }
            current = raça[i];
            cnt = 1;
        } else {
            cnt++;
        }
    }
    if (cnt > 0) {
        raça2.push(`${cnt} ${current}`)
        nrepetidos.push(cnt)
    }

    //GROUP RACES AND AGES
    var idade2 = []
    var total = []
    var nr = 0
    for (var i = 0; i<raça2.length; i++) {
        var ni = nr
        nr += nrepetidos[i]
        idade2.push(idade.slice(ni, nr))
        total.push(`${raça2[i]} : ${idade2[i]}`)
    }

    //CHANGE "," BY " || "
    for (i=0; i<total.length; i++) {
        total[i] = total[i].replace(/,/g, ' || ')
    }

    //WRITE
    for (var i=0; i<total.length; i++) {
        document.write(total[i]+ "<br /><br />");
      }
}

最后，如果input:number = 10我有类似的东西：

1 elf (female) : very young

3 elf (male) : adult || young || adult

1 gnome (male) : young

1 human (female) : adult

4 human (male) : young || very young || very young || old

input:number的值很小，如10，结果可以读取，但是值越高越复杂。 有没有办法把它组织成：

1 elf (female) : very young

3 elf (male) : 2 adult || young

1 gnome (male) : young

1 human (female) : adult

4 human (male) : young || 2 very young || old

但仍保留随机属性？

Answer 1

 // defining inputs let number = 1000 const races = ['human (male)', 'human (male)', 'human (male)', 'human (female)', 'human (female)', 'human (female)', 'elf (male)', 'elf (male)', 'elf (female)', 'elf (female)', 'half-elf (male)', 'half-elf (female)', 'half-orc (male)', 'half-orc (female)', 'gnome (male)', 'gnome (female)'] const ages = ['very young', 'young', 'adult', 'old'] // generate random character list let charList = generateChar(number, races, ages) // group by race THEN age const grouped = groupByAge(groupByRace(charList)) // display resulting HTML document.write(createHtmlTemplate(grouped)) // random character generation function function generateChar(charNum, raceArr, ageArr) { const ret = [] for (let i = 0; i < charNum; i++) { ret.push({ race: raceArr[Math.floor(Math.random() * raceArr.length)], age: ageArr[Math.floor(Math.random() * ageArr.length)] }) } return ret } // grouping by race function groupByRace(charArr) { let ret = {} for (let key of charArr) { if (!(key.race in ret)) { ret[key.race] = [] } ret[key.race].push(key.age) } return ret } // grouping by age groups function groupByAge(charArr) { let ret = [] for (let entry of Object.entries(charArr)) { let item = {} item.race = entry[0] item.count = entry[1].length item.ageGroups = {} for (let key of entry[1]) { if (!(key in item.ageGroups)) { item.ageGroups[key] = 0 } item.ageGroups[key]++ } ret.push(item) } return ret } // creating HTML string function createHtmlTemplate(groupedList) { let html = '' groupedList.forEach(item => { html += `${item.count} ${item.race} : ` for (let key of Object.keys(item.ageGroups)) { html += `${item.ageGroups[key]} ${key} || ` } html += '<br /><br />' }) return html } 

唯一的是|| 在每一场比赛结束时。

Answer 2

您可以使用对象来保存数据，然后更容易处理

 const races = ['human (male)', 'human (male)', 'human (male)', 'human (female)', 'human (female)', 'human (female)', 'elf (male)', 'elf (male)', 'elf (female)', 'elf (female)', 'half-elf (male)', 'half-elf (female)', 'half-orc (male)', 'half-orc (female)', 'gnome (male)', 'gnome (female)']; const ageGroups = ['very young', 'young', 'adult', 'old']; // helper function to get a random element from an array const randomElement = arr => arr[Math.floor(Math.random() * arr.length)]; // a function to get random n element from races and ageGroups arrays const magic1 = (races, ageGroups, n) => { const obj = {}; for (let i = 0; i < n; i++) { const ageGroup = randomElement(ageGroups); const race = randomElement(races); if (!obj[race]) obj[race] = {}; if (!obj[race][ageGroup]) obj[race][ageGroup] = 0; obj[race][ageGroup]++; } return obj; }; // a function to convert the object returned by magic1 to an array of strings with the same format you wanted const magic2 = (obj) => { const res = []; for (var prop in obj) { const ageGroups = []; let acc = 0; for (var ageGroup in obj[prop]) { const count = obj[prop][ageGroup]; acc += count; ageGroups.push((count === 1 ? '' : `${count} `) + ageGroup); } res.push(`${acc} ${prop} : ${ageGroups.join(' || ')}`); } return res; }; console.log(magic2(magic1(races, ageGroups, 10)));