微信小程序判断相等问题

Question

如下代码，当我在blank中输入文本的时候，我希望只有当我输入的内容和左边meaning显示的内容一模一样才显示“完全相同！”。现在的毛病是，无论我输入什么，都会显示“完全相同！”。请指正。

// index.js
const defaultAvatarUrl = 'https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0'
Page({
  data: {
    isShowUserName: false,
    userInfo:null,
    textInputValue:"",
    openid:"",

    wordlist: [
      { word: 'apple', meaning: '苹果',blank:'' },
      { word: 'banana', meaning: '香蕉',blank:'' },
      { word: 'take care of', meaning: '照顾',blank: ''},
    ]
  },
  updateName: function(e) {
    let index = e.currentTarget.dataset.index; // 假设你在wxml中通过data-index绑定了数组的索引
    let newValue = e.detail.value; // e.detail.value是用户在input中输入的新值
    // 使用ES6的模板字符串来动态更新数组中的值
    this.setData({
      [`wordlist[${index}].blank`]: newValue // 这将更新指定索引位置的对象的name属性
    });
    if([`wordlist[${index}].blank`].value===[`wordlist[${index}].meaning`].value)
    {
      console.log("完全相同！");
    }
  }
})

//index.wxml
<view wx:for="{{wordlist}}" wx:key="index">
  <view class="myRow">
    <text class="myWord">{{item.word}}</text>  <text class="myMeaning">{{item.meaning}}</text>  <input class="myBlank" data-index="{{index}}" bindinput="updateName" value="{{item.blank}}"/>
  </view>
</view>

Answer 1

以下回复参考：皆我百晓生、券券喵儿等免费微信小程序作答:

在你的代码中，你正在试图比较两个对象的值，但是你在比较的时候使用了错误的语法。你应该直接比较对象的属性，而不是整个对象。在你的代码中，你应该直接比较 wordlist[index].blank 和 wordlist[index].meaning 的值，而不是试图通过字符串模板将它们变成对象再进行比较。正确的代码应该是这样的：

updateName: function(e) {
  let index = e.currentTarget.dataset.index; // 获取当前点击的输入框的索引
  let newValue = e.detail.value; // 获取输入框的新值
  // 更新数据中的空白字段值
  this.setData({
    [`wordlist[${index}].blank`]: newValue
  });
  // 判断输入框的值和对应的meaning是否相同
  if (this.data.wordlist[index].blank === this.data.wordlist[index].meaning) {
    console.log("完全相同！");
  }
}

在上述代码中，我们直接在 if 语句中使用了 this.data.wordlist[index].blank 和 this.data.wordlist[index].meaning 来获取并比较这两个值，而不需要使用字符串模板来引用它们。这样就可以正确地比较输入框的值和对应的 meaning 是否相同了。