如何在JSON对象中实现邮箱搜索并将结果存入Vue.js网格表格

方法一：用filter方法（更简洁高效） #

直接用数组的filter方法筛选符合条件的项，代码如下：

// 替换成用户实际输入的邮箱
const inputEmail = 'xxx@example.com';

// 筛选邮箱匹配的条目，注意替换成你数据里真实的邮箱字段名（比如item.userEmail）
const matchedItems = data.userRegistrationDatas.filter(item => item.email === inputEmail);

// 把匹配结果赋值给GridTable
userRegistration.GridTable = matchedItems;

方法二：用forEach循环（你尝试过的方式） #

如果要坚持用forEach，手动收集匹配项即可：

const inputEmail = 'xxx@example.com';
const matchedItems = [];

data.userRegistrationDatas.forEach(item => {
  // 同样注意替换成实际的邮箱字段名
  if (item.email === inputEmail) {
    matchedItems.push(item);
  }
});

userRegistration.GridTable = matchedItems;

几个要注意的点 #

• 先确认data.userRegistrationDatas是数组类型，如果是普通对象，得先遍历它的属性值再处理
• 代码里的item.email必须和你实际JSON数据中的邮箱字段名一致，比如有的可能叫user_email或者login_email，别写错
• 如果需要模糊匹配（比如输入部分邮箱关键词也能搜到），把判断条件改成item.email.includes(inputEmail)；要是想忽略大小写，就改成item.email.toLowerCase().includes(inputEmail.toLowerCase())

内容的提问来源于stack exchange，提问作者Unknown