我如何搜索标题＆＃39;来自对象阵列＆amp;只返回与searchTerm匹配的对象？

Question

有点新手！我试图根据一系列搜索结果重新填充图像的旋转木马。但真的遇到了惊人的问题。

我使用的是JS / Jquery，并且有一个从我的api中存在的对象数组：

let arrayOfObjects = [ 
{id: 0, title: 'Beauty & The Beast', img: 'https://imgthing1.com' }, 
{id: 1, title: 'The Brainiac', img: 'https://imgthing2.com' }, 
{id: 2, title: 'Mac and Me', img: 'https://imgthing3.com' }
];

然后我有我的searchTerm我希望过滤掉这个数组，然后返回一个新的结果数组： -

function checkWords(searchTerm, arr) {
    let results = [];
    let st = searchTerm.toLowerCase();

// **** i map through the array - if the search term (say its 'a' is the same
// as the first character of an object's 'title'... then it stores
// that object in results, ready to be rendered. ****

    arr.map((each) => {
      if (st === each.title.charAt(0)) {
         results.push(each)
      }
    })

    console.log(finalResults);

}

但我无法解决如何保持匹配......基于： ＆＃39;衣＆＃39; vs＆＃39; Beauty＆amp;野兽＆＃39; - 通过。 ＆＃39;打＆＃39; vs＆＃39; Beauty＆amp;野兽＆＃39; - 失败。

Answer 1

您可以使用Array#filter并检查字符串是否包含零位的所需字符串。

＆＃13;

＆＃13;

let arrayOfObjects = [{ id: 0, title: 'Beauty & The Beast', img: 'https://imgthing1.com' }, { id: 1, title: 'The Brainiac', img: 'https://imgthing2.com' }, { id: 2, title: 'Mac and Me', img: 'https://imgthing3.com' }];


function checkWords(searchTerm, arr) {
    let st = searchTerm.toLowerCase();
    return arr.filter(each => each.title.toLowerCase().indexOf(st) === 0);
}

console.log(checkWords('bea', arrayOfObjects));

＆＃13;

＆＃13;

＆＃13;