Lodash在数组中通过startswith搜索答案

【问题标题】：Lodash search by startswith in an arrayLodash在数组中通过startswith搜索
【发布时间】：2015-10-23 19:26:22
【问题描述】：

我正在创建一个简单的搜索，它搜索以从输入传递的字符串开头的对象数组。

所以我有这个：

var items = [
    {id: 1, tags: ['foo']},
    {id: 2, tags: ['fish', 'ball']},
    {id: 3, tags: ['bar', 'goo']},
];

input.on(function(e) {
    var test = _.filter(items, function(item) {
         return _.includes(_.pluck(items, 'tags'), input.val());
    });
    console.log(test);
});

这总是返回一个空数组，我想我错过了startsWith，我如何在我的实现中使用它：

预期的输出应该是：

input: 'f'
output: [{id: 1, tags: ['foo']}, {id: 2, tags: ['fish', 'ball']}]

因为这两个项目都有以f开头的标签

【问题讨论】：

startsWith 对你来说是什么意思？您可以添加该方法的预期输出吗？
好吧..我会添加预期的输出..
如果输入是b呢？ bar goo 确定，鱼丸怎么样？

标签： javascript arrays search lodash

【解决方案1】：

基本上，你不需要 lodash：

var test = items.filter(function (item) {
  return item.tags.some(function (tag) {
    return 0 === tag.indexOf(input.val());
  });
});

但如果你喜欢，你可以使用它

var test = _.filter(items, function (item) {
  return _.some(item.tags, function (tag) {
    return _.startsWith(tag, input.val());
  });
});

【讨论】：

简单而优雅的答案（：
所以，如果有多个数组要搜索，例如 tags[] && names[]，你会分解上面的内容来遍历这两个数组，还是有更好的 lodash 方法用于该类型场景？
连接它们并在结果中搜索它们是否很小。将搜索功能保存到 var 中并在每个中搜索，然后如果它们很大，则将结果连接起来。在这种情况下，Lodash 并不是一个大帮手。

【解决方案2】：

试试这个：

$(function(){
var items = [
    {id: 1, tags: ['foo']},
    {id: 2, tags: ['fish', 'ball']},
    {id: 3, tags: ['bar', 'goo']},
];

var input = $('input:first');
input.on('input', function(e) {
    var test = _.filter(items, function(item) {
         for(var t in item.tags) {
           if(item.tags[t].indexOf(input.val())==0) {
             return true;
           }
         }
  
         return false;
    });
    console.log(test);
});

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://raw.githubusercontent.com/lodash/lodash/3.10.0/lodash.min.js"></script>

<input>

【讨论】：

【解决方案3】：

试试这个：

var items = [
    {id: 1, tags: ['foo']},
    {id: 2, tags: ['fish', 'ball']},
    {id: 3, tags: ['bar', 'goo']}
];

input.on(function(e) {
    var test = _.filter(items, function(item) {
        return _.chain(items.tags)
                .map(_.partial(_.startsWith, _, input.val()))
                .any()
                .value();
    });
    console.log(test);
});

【讨论】：