Javascript 将字符串的每个字符转换为自己的对象并使用ng repeat显示它们的更简单/实用的方法

全部,

我正在开发一个语言学习应用程序，它将汉字与“字典”数组进行比较，并显示汉字是否在字典中，以及它的拼音发音和英语含义。 我无法按顺序显示结果：

这是垃圾箱：

*

我想做的是：

我有一个名为rawText的字符串，它是从textarea的ng模型中获得的，我想逐个字符地遍历它。 rawText中的每个字符都将与对象数组（$scope.chrs）中每个元素的.chr属性进行比较

如果存在匹配项，我想将$scope.chrs中的匹配对象放入第二个对象数组（$scope.infobox）。
如果没有匹配项，我想创建一个空对象“模板”（不是真正的模板，只是一个虚拟对象），将不匹配的字符添加到空对象的.chr中，然后将这个新对象添加到$scope.infobox中

最后，我想使用ng repeat按顺序显示$scope.infobox的内容。每个div应该包含每个单独对象的属性。

我不是专业人士，所以我相信有更好、更实用的方法来做我想做的事情

---

编辑：我发现了如何使用文本区域上的ng change进行“对象化”来修复它，然后使用ng repeat运行对象数组

var newentry=$scope.blank；newentry.chr=t$scope.infobox.push（newentry）`$scope.blank`是一个对象。此代码更改同一对象并将其推入
$scope.infobox
。因此，每次执行此行时，它都会更新数组中该对象的所有条目，因为它们都引用同一个对象；但它仍然是无序的。
var newentry=$scope.blank；newentry.chr=t$scope.infobox.push（newentry）`$scope.blank`是一个对象。此代码更改同一对象并将其推入
$scope.infobox
。因此，每次执行此行时，它都会更新数组中该对象的所有条目，因为它们都引用同一个对象；但它还是坏了。