以下代码均在vue的methods中写的,记录用vue写选择题时遇到的问题
数组去重
var arr1=[1111,22222,333333,22222,333333]
去重后,结果为 arr2=[1111,22222,333333]
finishGreen: [], //做完题目
var _self = this;
_self.finishGreen.push(itemselect.Id) //将当前选择题的id放进一个数组中
_self.newArr(_self.finishGreen)
methods: {
// 数组去重
newArr(arr) {
for (var i = 0; i < arr.length; i++) {
for (var j = i + 1; j < arr.length; j++)
if (arr[i] == arr[j]) {
//如果第一个等于第二个,splice方法删除第二个
arr.splice(j, 1);
j--;
}
}
return arr;
},
}
对象去重
写选择题时候,需要将选项id,和所选的index传给后台,参数格式为:
choices=“69ab05ad-434d-4a14-a63d-24049ca2467d,0,fdc3bf01-9750-487a-95db-84f027b8e16f,2”
即第一id代表的选择题选的是第一个选项,第二个id代表的选择题选的是第三个选项,本来定义一个数组
choiceParam: [], //选择的答案
var _self = this;
_self.choiceParam.push(
itemselect.Id,//当前题目id
_self.$refs.choiceIndex[indexoption].getAttribute("indexoption")//当前题目选择的哪一个选项:0,1,2,3
);
此方法在每一题只点击一个的情况下是ok的,输出结果是[69ab05ad-434d-4a14-a63d-24049ca2467d,0,fdc3bf01-9750-487a-95db-84f027b8e16f,2],然后 _self.choiceParam.join(",") 就得到了正确的参数格式。
问题来了,如果每一题不止点击一次,先选择A,再选择B,这种情况下上述的代码就不正确了,因为会生成重复的id数据,
所以代码如下:
//保存每次选择的id,答案
var has=false;
for(let i in _self.choiceParam){
if(_self.choiceParam[i].id===itemselect.Id){
has=true;
_self.choiceParam[i].index=_self.$refs.choiceIndex[indexoption].getAttribute("indexoption");
return true;
}
}
if(!has){
_self.choiceParam.push({
id:itemselect.Id,
index:_self.$refs.choiceIndex[indexoption].getAttribute("indexoption")
});
}
此时得到的数据是一个数组里面好多对象,每个对象里面都有两个属性,分别是id,index.,现在需要把每个对象的key去掉,只要key对应的value值,所以就有了如下代码:
var choicePram=_self.choiceParam,arrraychoice=[];
for(let i in choicePram){
arrraychoice.push(
choicePram[i].id,
choicePram[i].index
)
}
最后 arrraychoice.join(",") 就是最需要的结果