Javascript 将表值从一个表移到另一个表，然后再移回另一个表

下面的代码将值从

Random Fruits

移动到

Green Fruits

，但问题是我正在尝试这样做，以便在我将值移动到

Green Fruits

后，我也能够将其移回

Random Fruits表

，但我一直收到此错误消息

“message”：“Uncaught TypeError:无法读取undefined的属性'indexOf'”，

我是否对下面的代码有任何错误？如果您有任何帮助，我们将不胜感激，谢谢

var obj={}；
var obj2={}；
var key=“红色水果”；
obj[key]=[“苹果”、“樱桃”、“草莓”]；
var myArray=[]；
myArray.push（obj）；
var key2=“绿色水果”；
obj[key2]=[‘西瓜’、‘榴莲’、‘Avacado’]；
var myArray2=[]；
myArray2.推力（obj）；
var key3=“随机果实”；
obj2[key3]=[‘猕猴桃’、‘石榴’、‘蜜露’、‘李子’]；
var myArray3=[]；
myArray3.推送（obj2）；
函数重绘（obj）{
变量$header=$（“”），
cols=0，
bodyString=“”；
$。每个（对象、功能（键、值）{
cols=Math.max（cols，values.length）；
$header.append（$（''）.text（key+：“+values.length））；
});
对于（变量i=0；iobj2[k].indexOf（数据）>=0）
index=obj2[k1].indexOf（数据）；
obj2[k1]。拼接（索引，1）；
obj[key2]。推送（数据）；
$（“.total\u count\u Green\u Fruits”）.html（键2+：'+obj[key2].length）；
var元素=$（this.detach（）；
$（'#fruitsid>tbody'）.append（''+element.html（）+''）；
});
});
$（文档）.ready（函数（）{
$（'body'）。在（'click'，'new green fruit'，函数（）上{
log（“水果：”+（this.innerHTML））；
data2=this.innerHTML；
k2=Object.keys（obj）.find（j=>obj[j].indexOf（data2）>=0）
index2=obj[k2].indexOf（数据2）；
obj[k2]。拼接（index2，1）；
obj2[key3]。推送（数据2）；
});
});
}
重画（obj）；
监听器（obj）；

.class{
字体系列：开放式SAN；
}
.中心{
显示器：flex；
调整内容：中心
}
斯基尔斯先生{
左边框：1px实心#AAA5A4；
右边框：1px实心#AAA5A4；
}
桌子{
浮动：左；
边界塌陷：塌陷；
宽度：70%
}
运输署{
左边框：1px实心#AAA5A4；
右边框：1px实心#AAA5A4；
填充顶部：8px；
左侧填充：11px；
字体大小：15px；
}
th{
颜色：#0080ff；
字体大小：正常；
边框底部：1px实心#AAA5A4；
垫底：5px；
}
div{
边缘底部：50px；
}
.新的绿色水果{
颜色：青柠；
}

---

实际上，您所要做的就是更新视图。您已经正确地完成了项目移动

---

第一次执行回移时，您不会看到错误，因为该项目已存在。您只会在第二次单击列表中的项目时看到错误。这是因为视图未更新，并且该项目已消失！

将水果从随机移动到绿色时，您已经执行了此操作