0

0

简单多项选择题考试系统_数组存储题库、分值计算与逻辑反馈

P粉602998670

P粉602998670

发布时间:2026-02-23 18:45:43

|

146人浏览过

|

来源于php中文网

原创

推荐用对象数组存题库,每道题为含id、text、options、answer(选项索引)、score等字段的object;随机抽题应先shuffle再顺序取;判分时直接比用户答案索引与answer值,统一读score计分,避免硬编码。

简单多项选择题考试系统_数组存储题库、分值计算与逻辑反馈

怎么用数组存题库并支持随机抽题

数组适合小规模题库(比如 50 道以内),关键不是“能不能存”,而是“怎么组织结构才能方便后续计分和反馈”。别把题目、选项、答案、分值全塞进一个扁平数组里——后期改题或加逻辑会疯。

推荐用对象数组,每道题是一个 Object,字段名保持一致:

const questions = [
  {
    id: 1,
    text: "JavaScript 中 typeof null 返回什么?",
    options: ["object", "null", "undefined", "string"],
    answer: 0, // 索引号,对应 options[0]
    score: 2
  },
  {
    id: 2,
    text: "let 和 var 的主要区别是?",
    options: ["作用域", "变量提升", "重复声明", "以上都是"],
    answer: 3,
    score: 3
  }
];
  • 为什么用索引存答案:比字符串匹配(如 "object")更省事,避免大小写/空格误判;也比布尔数组好维护
  • 别用 Math.random() * arr.length | 0 抽题:它不保证不重复;真要随机顺序,先 shuffle(questions) 再按序取
  • 加分项:加个 type: "single" 字段,为以后扩展多选题留余地,不用动结构

用户提交后怎么快速算分并反馈对错

核心是「对比用户选的索引」和题干里的 answer 值,不是比文字内容。很多人卡在这儿:用户点了“object”,但你拿它去比 questions[i].answer(是数字 0),结果永远 false。

假设用户答题数据长这样:const userAnswers = [0, 3]; // 第1题选0,第2题选3

腾讯智影-AI数字人
腾讯智影-AI数字人

基于AI数字人能力,实现7*24小时AI数字人直播带货,低成本实现直播业务快速增增,全天智能在线直播

下载
  • 遍历 questionsuserAnswers 同步下标,直接比 userAnswers[i] === questions[i].answer
  • 别在循环里拼 HTML 或触发 DOM 更新——先算完总分、错题索引列表(如 [1] 表示第2题错),再统一渲染
  • 反馈时别只说“错了”,把正确答案对应的文字也带出来:questions[i].options[questions[i].answer]

为什么 score 字段不能写死在计算逻辑里

因为分值可能随题型、难度动态变。硬编码 if (i === 0) total += 2 这种写法,加到第 10 题就难维护。

  • 所有分值必须从题干对象里读:total += questions[i].score || 1|| 1 是防漏配)
  • 如果某题答错要扣分,别改 score 值——加个 penalty 字段,或统一在计分函数里处理规则
  • 注意浮点数风险:别用 0.1 + 0.2 === 0.3 判断,分数建议全用整数,单位设为“十分之一分”或直接用整数分

常见报错:Cannot read property 'answer' of undefined

这基本等于你访问了越界的数组索引,比如 questions[5].answerquestions 只有 4 项。不是数据问题,是循环或下标逻辑没对齐。

  • 检查 userAnswers.length 是否等于 questions.length;不等就截断或补默认值(如 -1 表示未答)
  • 别用 for...in 遍历数组——它遍历的是键名,可能拿到 "length" 或原型方法
  • 调试时加一句:console.assert(questions[i], `题库第 ${i} 项不存在`),比看报错快得多

实际做下来,最耗时间的不是存题或算分,而是用户中途退出、刷新页面后答题状态怎么续——这个得靠 localStorageuserAnswers 数组,而且得监听 beforeunload。不过那是另一回事了。

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
if什么意思
if什么意思

if的意思是“如果”的条件。它是一个用于引导条件语句的关键词,用于根据特定条件的真假情况来执行不同的代码块。本专题提供if什么意思的相关文章,供大家免费阅读。

828

2023.08.22

c语言const用法
c语言const用法

const是关键字,可以用于声明常量、函数参数中的const修饰符、const修饰函数返回值、const修饰指针。详细介绍:1、声明常量,const关键字可用于声明常量,常量的值在程序运行期间不可修改,常量可以是基本数据类型,如整数、浮点数、字符等,也可是自定义的数据类型;2、函数参数中的const修饰符,const关键字可用于函数的参数中,表示该参数在函数内部不可修改等等。

552

2023.09.20

js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

618

2023.08.03

js截取字符串的方法
js截取字符串的方法

js截取字符串的方法有substring()方法、substr()方法、slice()方法、split()方法和slice()方法。本专题为大家提供字符串相关的文章、下载、课程内容,供大家免费下载体验。

217

2023.09.04

java基础知识汇总
java基础知识汇总

java基础知识有Java的历史和特点、Java的开发环境、Java的基本数据类型、变量和常量、运算符和表达式、控制语句、数组和字符串等等知识点。想要知道更多关于java基础知识的朋友,请阅读本专题下面的的有关文章,欢迎大家来php中文网学习。

1558

2023.10.24

字符串介绍
字符串介绍

字符串是一种数据类型,它可以是任何文本,包括字母、数字、符号等。字符串可以由不同的字符组成,例如空格、标点符号、数字等。在编程中,字符串通常用引号括起来,如单引号、双引号或反引号。想了解更多字符串的相关内容,可以阅读本专题下面的文章。

642

2023.11.24

java读取文件转成字符串的方法
java读取文件转成字符串的方法

Java8引入了新的文件I/O API,使用java.nio.file.Files类读取文件内容更加方便。对于较旧版本的Java,可以使用java.io.FileReader和java.io.BufferedReader来读取文件。在这些方法中,你需要将文件路径替换为你的实际文件路径,并且可能需要处理可能的IOException异常。想了解更多java的相关内容,可以阅读本专题下面的文章。

1026

2024.03.22

php中定义字符串的方式
php中定义字符串的方式

php中定义字符串的方式:单引号;双引号;heredoc语法等等。想了解更多字符串的相关内容,可以阅读本专题下面的文章。

960

2024.04.29

pixiv网页版官网登录与阅读指南_pixiv官网直达入口与在线访问方法
pixiv网页版官网登录与阅读指南_pixiv官网直达入口与在线访问方法

本专题系统整理pixiv网页版官网入口及登录访问方式,涵盖官网登录页面直达路径、在线阅读入口及快速进入方法说明,帮助用户高效找到pixiv官方网站,实现便捷、安全的网页端浏览与账号登录体验。

1127

2026.02.13

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号