Javascript 动态替换数组中的值

Javascript 动态替换数组中的值,javascript,arrays,vue.js,Javascript,Arrays,Vue.js,我有这样一个场景。假设:设a=[2,5,6],设b=[1,2,3,4,5,6,7,8]。数组b显示在框中,单击任何框时显示。我想做的是,当单击任何框时,值与数组a中的任何值相同,我将用其他唯一值替换该值,如果它们不相同,我将按原样显示。 e、 g.如果我单击值为2、5或6的框,我将用其他值替换这些值 一个最简单的例子是: newvue({ el:“应用程序”, 数据:{ 答:[2,5,6], b:[1,2,3,4,5,6,7,8] }, 方法:{ replaceNumber(){ //函数来替

我有这样一个场景。假设:设a=[2,5,6],设b=[1,2,3,4,5,6,7,8]。数组b显示在框中,单击任何框时显示。我想做的是,当单击任何框时,值与数组a中的任何值相同,我将用其他唯一值替换该值,如果它们不相同,我将按原样显示。 e、 g.如果我单击值为2、5或6的框,我将用其他值替换这些值

一个最简单的例子是:

newvue({
el:“应用程序”,
数据:{
答:[2,5,6],
b:[1,2,3,4,5,6,7,8]
},
方法:{
replaceNumber(){
//函数来替换值
}
}
})
正文{
背景:#20262E;
填充:20px;
字体系列:Helvetica;
}
#应用程序{
背景:#fff;
边界半径:4px;
填充:20px;
过渡:均为0.2s;
}
.数字{
显示器:flex;
}
李{
列表样式类型:无;
}

编号:

  • {{num}}

{{number}}
使用
indexOf()
定位要更换的元件的位置

然后将
splice()
与删除该元素的索引一起使用

然后再次使用
splice()
向同一索引插入新值

检查上述每个方法的文档以了解其语法。

使用
indexOf()
查找要替换的元素的位置

然后将
splice()
与删除该元素的索引一起使用

然后再次使用
splice()
向同一索引插入新值


检查上述每个方法的文档以了解其语法。

如果在第一个数组中找到随机数,即
a

var a=[2,5,6]
变量b=[1,2,3,4,5,6,7,8]
a、 forEach(函数(e){
$(“#aDiv”).append(`e}`);
})
b、 forEach(函数(e){
$(“#bDiv”).append(`e}`);
});
$(.seconddiv”)。在('click',function()上{
让val=$(this.html();
if(a.includes(parseInt(val))){
var uniqueNo=0;
做{
uniqueNo=getRandomInt(0,10);
}
而(a)包括(parseInt(uniqueNo));
$(this.html(uniqueNo);
}
})
设getRandomInt=(x,y)=>x+(y-x+1)*加密getRandomValues(新UINT32数组(1))[0]/2**32|0
#aDiv,#bDiv{
颜色:黄色;
背景色:黑色;
}

如果在第一个数组中找到随机数,即
a

var a=[2,5,6]
变量b=[1,2,3,4,5,6,7,8]
a、 forEach(函数(e){
$(“#aDiv”).append(`e}`);
})
b、 forEach(函数(e){
$(“#bDiv”).append(`e}`);
});
$(.seconddiv”)。在('click',function()上{
让val=$(this.html();
if(a.includes(parseInt(val))){
var uniqueNo=0;
做{
uniqueNo=getRandomInt(0,10);
}
而(a)包括(parseInt(uniqueNo));
$(this.html(uniqueNo);
}
})
设getRandomInt=(x,y)=>x+(y-x+1)*加密getRandomValues(新UINT32数组(1))[0]/2**32|0
#aDiv,#bDiv{
颜色:黄色;
背景色:黑色;
}


请发布您的尝试记录,并明确说明您被困的地方。人们会很乐意帮忙的。我已经提供了一个场景,看起来你就快到了,需要将replaceNumber作为参数传递给'number'。还请记住,阵列需要以特定的方式进行操作以保持反应性,请参阅:请发布您的尝试,并具体说明您被卡住的位置。人们会很乐意帮忙的。我已经提供了一个场景,看起来你就快到了,需要将replaceNumber作为参数传递给'number'。还请记住,需要以特定方式操纵阵列以保持反应性,请参见: