javascript - 通过数组javascript搜索和过滤

Question

请原谅标题我不知道如何描述我在做什么

我有一个文本区域，人们可以在其中写评论，但他们也可以使用我制作的@mention 系统提及其他人...现在我唯一的问题是，一旦用户在 @ 之后开始打字，它不会缩小用户范围，所以说我有一系列这样的对象..

users = [
  {
    name: steve,
    id: 47 
  },
  {
    name: james,
    id: 41
  },
  {
    name: guy,
    id: 44 
  },
  {
    name: troy,
    id: 32 
  }
]

我如何根据在 @ 符号后写入的字符串过滤掉数组中的用户，所以如果我在我的文本区域中写入 @tr，我的用户数组现在应该如下所示

users = [
  {
    name: troy,
    id: 32
  }
]

如有任何帮助，我们将不胜感激!

Answer 1

使用过滤器检查正在迭代的用户的name是否包含有问题的子字符串:

const users = [
  {
    name: 'steve',
    id: 47 
  },
  {
    name: 'james',
    id: 41
  },
  {
    name: 'guy',
    id: 44 
  },
  {
    name: 'troy',
    id: 32 
  }
];

const substr = 'tr';
console.log(
  users.filter(({ name }) => name.includes(substr))
);

还要确保您的 name 值是 strings。