从 javascript 中的数组返回一个值

Question

希望您能提供帮助，我正在尝试构建一个具有不同加权答案分数的问卷。 这个想法是，当按下提交按钮时，会返回一个百分比分数。

我找到了一个在线教程，它为我提供了我需要做的模板，在教程版本中检查了数组的每个值并将预定值添加到分数中，在我的场景中，我希望添加相应的值如果发现为真，则数组到分数。

每个无线电问题的答案值都存储在一个数组中，

const auditCorrectAnswers = ['1', '20', '20', '20', '20', '20', '20', '20', '20', '20', '5', '5', '5', '10', '5', '5', '20', '20'];

当 if 语句为真时，我试图从同一 position 的数组中提取值， forEach()循环正在检查。

我认为已经设法使用以下语句来做到这一点

userAuditAnswers.forEach((auditAnswer, index) => {
    if(auditAnswer === auditCorrectAnswers[index]){    

        auditScore += (auditCorrectAnswers, index);

    }
});

console.log(auditScore);

但将总索引 position 值一起返回，因为它应该给出 256 的答案，但这是我得到的最接近的解决方案。

我已经尝试过valueOf() 、 values()和map()但这些都给出了数组中所有值的重复字符串。

我相信这很简单，但是已经坚持了几天并且已经没有想法了，所以任何帮助将不胜感激。

这是我的代码：

const auditCorrectAnswers = ['1', '20', '20', '20', '20', '20', '20', '20', '20', '20', '5', '5', '5', '10', '5', '5', '20', '20'];

const form = document.querySelector('.venueAudit-form');

form.addEventListener('submit', e => {
    e.preventDefault();

    let auditScore = 0;
    
    //takes the value from each radio button
    const userAuditAnswers = [form.a1.value, form.a2.value, form.a3.value, form.a4.value, form.a5.value, form.a6.value, form.a7.value, form.a8.value, form.a9.value, form.a10.value, form.a11.value, form.a12.value, form.a13.value, form.a14.value, form.a15.value, form.a16.value, form.a17.value, form.a18.value]; 
    
    // checks management audit scores
    userAuditAnswers.forEach((auditAnswer, index) => {
        if(auditAnswer === auditCorrectAnswers[index]){    

            auditScore += (auditCorrectAnswers, index);
        }
    });
    
    console.log(auditScore);
});

html 零件

<form>            
<!-- Managers Office -->
            <div class="light-blue lighten-5">
            <div class="container p-t-2 p-l-2 p-r-2 p-b-20">
                <h5>Managers Office</h5>
            </div>
            
            <div class="container p-t-2 p-l-2 p-r-2 p-b-5">
                    <p class="text2">Clean & Tidy</p>
                        <div>
                            <label>
                                <input class="with-gap" type="radio" name="a1" value="1" checked/><span>Yes</span>
                            </label>
                        </div>
                        <div>
                            <label>
                                <input class="with-gap" type="radio" name="a1" value="0"/><span>No</span>
                            </label>
                        </div>
                    <p class="text1">All files up to date</p>
                        <div>
                            <label>
                                <input class="with-gap" type="radio" name="a2" value="20" checked/><span>Yes</span>
                            </label>
                        </div>
                        <div>
                            <label>
                                <input class="with-gap" type="radio" name="a2" value="0"/><span>No</span>
                            </label>
                        </div>
                    <p class="text1">Licensing folder complete & up-to-date</p>
                        <div>
                            <label>
                                <input class="with-gap" type="radio" name="a3" value="20" checked/><span>Yes</span>
                            </label>
                        </div>
                        <div>
                            <label>
                                <input class="with-gap" type="radio" name="a3" value="0"/><span>No</span>
                            </label>
                        </div>
                    <p class="text1">Fire folder complete & up to date</p>
                        <div>
                            <label>
                                <input class="with-gap" type="radio" name="a4" value="20" checked/><span>Yes</span>
                            </label>
                        </div>
                        <div>
                            <label>
                                <input class="with-gap" type="radio" name="a4" value="0"/><span>No</span>
                            </label>
                        </div>
                    <p class="text1">Health & Safety folder complete up to date</p>
                        <div>
                            <label>
                                <input class="with-gap" type="radio" name="a5" value="20" checked/><span>Yes</span>
                            </label>
                        </div>
                        <div>
                            <label>
                                <input class="with-gap" type="radio" name="a5" value="0"/><span>No</span>
                            </label>
                        </div>
                    
                    <p class="text2">Security folder complete & up to date</p>
                        <div>
                            <label>
                                <input class="with-gap" type="radio" name="a6" value="20" checked/><span>Yes</span>
                            </label>
                        </div>
                        <div>
                            <label>
                                <input class="with-gap" type="radio" name="a6" value="0"/><span>No</span>
                            </label>
                        </div>
                    <p class="text1">Pre-Brief/Debrief</p>
                        <div>
                            <label>
                                <input class="with-gap" type="radio" name="a7" value="20" checked/><span>Yes</span>
                            </label>
                        </div>
                        <div>
                            <label>
                                <input class="with-gap" type="radio" name="a7" value="0"/><span>No</span>
                            </label>
                        </div>
                    <p class="text1">Float Check</p>
                        <div>
                            <label>
                                <input class="with-gap" type="radio" name="a8" value="20" checked/><span>Yes</span>
                            </label>
                        </div>
                        <div>
                            <label>
                                <input class="with-gap" type="radio" name="a8" value="0"/><span>No</span>
                            </label>
                        </div>
                    <p class="text1">CCTV 31 days recording</p>
                        <div>
                            <label>
                                <input class="with-gap" type="radio" name="a9" value="20" checked/><span>Yes</span>
                            </label>
                        </div>
                        <div>
                            <label>
                                <input class="with-gap" type="radio" name="a9" value="0"/><span>No</span>
                            </label>
                        </div>
                    <p class="text1">All cameras working & burning correctly</p>
                        <div>
                            <label>
                                <input class="with-gap" type="radio" name="a10" value="20" checked/><span>Yes</span>
                            </label>
                        </div>
                        <div>
                            <label>
                                <input class="with-gap" type="radio" name="a10" value="0"/><span>No</span>
                            </label>
                        </div>
                    <p class="text1">Float Check record</p>
                        <div>
                            <label>
                                <input class="with-gap" type="radio" name="a11" value="5" checked/><span>Yes</span>
                            </label>
                        </div>
                        <div>
                            <label>
                                <input class="with-gap" type="radio" name="a11" value="0"/><span>No</span>
                            </label>
                        </div>
                    <p class="text1">Computers working</p>
                        <div>
                            <label>
                                <input class="with-gap" type="radio" name="a12" value="5" checked/><span>Yes</span>
                            </label>
                        </div>
                        <div>
                            <label>
                                <input class="with-gap" type="radio" name="a12" value="0"/><span>No</span>
                            </label>
                        </div>
                    <p class="text1">Radios Charging</p>
                        <div>
                            <label>
                                <input class="with-gap" type="radio" name="a13" value="0" checked/><span>Yes</span>
                            </label>
                        </div>
                        <div>
                            <label>
                                <input class="with-gap" type="radio" name="a13" value="5"/><span>No</span>
                            </label>
                        </div>
                    <p class="text2">Homebase software completed</p>
                        <div>
                            <label>
                                <input class="with-gap" type="radio" name="a14" value="10" checked/><span>Yes</span>
                            </label>
                        </div>
                        <div>
                            <label>
                                <input class="with-gap" type="radio" name="a14" value="0"/><span>No</span>
                            </label>
                        </div>
                    <p class="text1">Safe protocol</p>
                        <div>
                            <label>
                                <input class="with-gap" type="radio" name="a15" value="5" checked/><span>Yes</span>
                            </label>
                        </div>
                        <div>
                            <label>
                                <input class="with-gap" type="radio" name="a15" value="0"/><span>No</span>
                            </label>
                        </div>
                    <p class="text1">No broken PDQ machines</p>
                        <div>
                            <label>
                                <input class="with-gap" type="radio" name="a16" value="5" checked/><span>Yes</span>
                            </label>
                        </div>
                        <div>
                            <label>
                                <input class="with-gap" type="radio" name="a16" value="0"/><span>No</span>
                            </label>
                        </div>
                    <p class="text1">Body camera footage saved to drive (Incidents)</p>
                        <div>
                            <label>
                                <input class="with-gap" type="radio" name="a17" value="20" checked/><span>Yes</span>
                            </label>
                        </div>
                        <div>
                            <label>
                                <input class="with-gap" type="radio" name="a17" value="0"/><span>No</span>
                            </label>
                        </div>
                    <p class="text1">Incident reports completed correctly</p>
                        <div>
                            <label>
                                <input class="with-gap" type="radio" name="a18" value="20" checked/><span>Yes</span>
                            </label>
                        </div>
                        <div>
                            <label>
                                <input class="with-gap" type="radio" name="a18" value="0"/><span>No</span>
                            </label>
                        </div>                  
                </div>
            </div>  
            <!-- end of section -->
        <!-- bottom of coloured background block -->  
        </div>
        
        <!-- blank column  -->
        <div class="col s1"></div>
    </div>
    
    <div class="row">
        <!-- blank column -->
        <div class="col s4"></div>
        <div class="col s4 center-align">
            <button class="btn brand waves-effect waves-light" type="submit" name="submit">Submit<i class="material-icons right">send</i></button>
        </div>
        <!-- blank column -->
        <div class="col s4"></div>

    </div>
 </form>

Answer 1

制作一个对象数组怎么样？

item={correctAnswer:"some answer", points:someNumber}

然后：

var auditScore=0;
for(var answerIndex=0; answerIndex<userAuditAnswers.length; answerIndex++)
  if(userAuditAnswers[answerIndex]==auditCorrectAnswers[index].correctAnswer)
    auditScore+=auditCorrectAnswers[index].points;```

Answer 2

鉴于它对我的要求，您想检查一个数组的总和与另一个数组的总和的比较。

 function arraySum(input) { return input.reduce((sum, current) => sum + parseInt(current, 10), 0); } const auditCorrectAnswers = ['1', '20', '20', '20', '20', '20', '20', '20', '20', '20', '5', '5', '5', '10', '5', '5', '20', '20']; const sumCorrectAnswers = arraySum(auditCorrectAnswers); const userAuditAnswers = ['1', '20', '20', '20', '20', '20', '20', '20', '20', '20', '5', '5', '5', '10', '5', '5', '20', '20']; const sumUserAnswers = arraySum(userAuditAnswers); console.log(sumCorrectAnswers); console.log(sumUserAnswers); console.log(sumUserAnswers === sumCorrectAnswers);

Answer 3

您声明的数组auditCorrectAnswers是“字符串”数组，因此您将其更改为数组 od 整数，然后更改此行

auditScore += (auditCorrectAnswers, index);

至

auditScore += auditCorrectAnswers[index];

我认为这行得通